@charset "UTF-8";

:root {
    --el-color-white: #ffffff;
    --el-color-black: #000000;
    --el-color-primary-rgb: 64, 158, 255;
    --el-color-success-rgb: 103, 194, 58;
    --el-color-warning-rgb: 230, 162, 60;
    --el-color-danger-rgb: 245, 108, 108;
    --el-color-error-rgb: 245, 108, 108;
    --el-color-info-rgb: 144, 147, 153;
    --el-font-size-extra-large: 20px;
    --el-font-size-large: 18px;
    --el-font-size-medium: 16px;
    --el-font-size-base: 14px;
    --el-font-size-small: 13px;
    --el-font-size-extra-small: 12px;
    --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑",
        Arial, sans-serif;
    --el-font-weight-primary: 500;
    --el-font-line-height-primary: 24px;
    --el-index-normal: 1;
    --el-index-top: 1000;
    --el-index-popper: 2000;
    --el-border-radius-base: 4px;
    --el-border-radius-small: 2px;
    --el-border-radius-round: 20px;
    --el-border-radius-circle: 100%;
    --el-transition-duration: 0.3s;
    --el-transition-duration-fast: 0.2s;
    --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
    --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
    --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),
        opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
    --el-transition-border: border-color var(--el-transition-duration-fast)
        var(--el-transition-function-ease-in-out-bezier);
    --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast)
        var(--el-transition-function-ease-in-out-bezier);
    --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-component-size-large: 40px;
    --el-component-size: 32px;
    --el-component-size-small: 24px;
}

:root {
    color-scheme: light;
    --el-color-primary: #409eff;
    --el-color-primary-light-3: #79bbff;
    --el-color-primary-light-5: #a0cfff;
    --el-color-primary-light-7: #c6e2ff;
    --el-color-primary-light-8: #d9ecff;
    --el-color-primary-light-9: #ecf5ff;
    --el-color-primary-dark-2: #337ecc;
    --el-color-success: #67c23a;
    --el-color-success-light-3: #95d475;
    --el-color-success-light-5: #b3e19d;
    --el-color-success-light-7: #d1edc4;
    --el-color-success-light-8: #e1f3d8;
    --el-color-success-light-9: #f0f9eb;
    --el-color-success-dark-2: #529b2e;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #eebe77;
    --el-color-warning-light-5: #f3d19e;
    --el-color-warning-light-7: #f8e3c5;
    --el-color-warning-light-8: #faecd8;
    --el-color-warning-light-9: #fdf6ec;
    --el-color-warning-dark-2: #b88230;
    --el-color-danger: #f56c6c;
    --el-color-danger-light-3: #f89898;
    --el-color-danger-light-5: #fab6b6;
    --el-color-danger-light-7: #fcd3d3;
    --el-color-danger-light-8: #fde2e2;
    --el-color-danger-light-9: #fef0f0;
    --el-color-danger-dark-2: #c45656;
    --el-color-error: #f56c6c;
    --el-color-error-light-3: #f89898;
    --el-color-error-light-5: #fab6b6;
    --el-color-error-light-7: #fcd3d3;
    --el-color-error-light-8: #fde2e2;
    --el-color-error-light-9: #fef0f0;
    --el-color-error-dark-2: #c45656;
    --el-color-info: #909399;
    --el-color-info-light-3: #b1b3b8;
    --el-color-info-light-5: #c8c9cc;
    --el-color-info-light-7: #dedfe0;
    --el-color-info-light-8: #e9e9eb;
    --el-color-info-light-9: #f4f4f5;
    --el-color-info-dark-2: #73767a;
    --el-bg-color: #ffffff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #ffffff;
    --el-text-color-primary: #303133;
    --el-text-color-regular: #606266;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;
    --el-border-color: #dcdfe6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f6fc;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;
    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: #ffffff;
    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12),
        0px 8px 16px -8px rgba(0, 0, 0, 0.16);
    --el-disabled-bg-color: var(--el-fill-color-light);
    --el-disabled-text-color: var(--el-text-color-placeholder);
    --el-disabled-border-color: var(--el-border-color-light);
    --el-overlay-color: rgba(0, 0, 0, 0.8);
    --el-overlay-color-light: rgba(0, 0, 0, 0.7);
    --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
    --el-mask-color: rgba(255, 255, 255, 0.9);
    --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
    --el-border-width: 1px;
    --el-border-style: solid;
    --el-border-color-hover: var(--el-text-color-disabled);
    --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey: var(--el-border-color);
}

.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.el-icon--right {
    margin-left: 5px;
}

.el-icon--left {
    margin-right: 5px;
}

@-webkit-keyframes rotating {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

.el-icon {
    --color: inherit;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em;
    fill: currentColor;
    color: var(--color);
    font-size: inherit;
}

.el-icon.is-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

.el-icon svg {
    height: 1em;
    width: 1em;
}

:root {
    --el-popup-modal-bg-color: var(--el-color-black);
    --el-popup-modal-opacity: 0.5;
}

.v-modal-enter {
    -webkit-animation: v-modal-in var(--el-transition-duration-fast) ease;
    animation: v-modal-in var(--el-transition-duration-fast) ease;
}

.v-modal-leave {
    -webkit-animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
    animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity: 0;
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0;
    }
}

.v-modal {
    background: var(--el-popup-modal-bg-color);
    height: 100%;
    left: 0;
    opacity: var(--el-popup-modal-opacity);
    position: fixed;
    top: 0;
    width: 100%;
}

.el-popup-parent--hidden {
    overflow: hidden;
}

.el-dialog {
    --el-dialog-width: 50%;
    --el-dialog-margin-top: 15vh;
    --el-dialog-bg-color: var(--el-bg-color);
    --el-dialog-box-shadow: var(--el-box-shadow);
    --el-dialog-title-font-size: var(--el-font-size-large);
    --el-dialog-content-font-size: 14px;
    --el-dialog-font-line-height: var(--el-font-line-height-primary);
    --el-dialog-padding-primary: 16px;
    --el-dialog-border-radius: var(--el-border-radius-small);
    background: var(--el-dialog-bg-color);
    border-radius: var(--el-dialog-border-radius);
    box-shadow: var(--el-dialog-box-shadow);
    box-sizing: border-box;
    margin: var(--el-dialog-margin-top, 15vh) auto 50px;
    overflow-wrap: break-word;
    padding: var(--el-dialog-padding-primary);
    position: relative;
    width: var(--el-dialog-width, 50%);
}

.el-dialog:focus {
    outline: none !important;
}

.el-dialog.is-align-center {
    margin: auto;
}

.el-dialog.is-fullscreen {
    --el-dialog-width: 100%;
    --el-dialog-margin-top: 0;
    height: 100%;
    margin-bottom: 0;
    overflow: auto;
}

.el-dialog__wrapper {
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}

.el-dialog.is-draggable .el-dialog__header {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.el-dialog__header {
    padding-bottom: var(--el-dialog-padding-primary);
}

.el-dialog__header.show-close {
    padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px));
}

.el-dialog__headerbtn {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px);
    height: 48px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
}

.el-dialog__headerbtn .el-dialog__close {
    color: var(--el-color-info);
    font-size: inherit;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--el-color-primary);
}

.el-dialog__title {
    color: var(--el-text-color-primary);
    font-size: var(--el-dialog-title-font-size);
    line-height: var(--el-dialog-font-line-height);
}

.el-dialog__body {
    color: var(--el-text-color-regular);
    font-size: var(--el-dialog-content-font-size);
}

.el-dialog__footer {
    box-sizing: border-box;
    padding-top: var(--el-dialog-padding-primary);
    text-align: right;
}

.el-dialog--center {
    text-align: center;
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit;
}

.el-overlay-dialog {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}

.dialog-fade-enter-active {
    -webkit-animation: modal-fade-in var(--el-transition-duration);
    animation: modal-fade-in var(--el-transition-duration);
}

.dialog-fade-enter-active .el-overlay-dialog {
    -webkit-animation: dialog-fade-in var(--el-transition-duration);
    animation: dialog-fade-in var(--el-transition-duration);
}

.dialog-fade-leave-active {
    -webkit-animation: modal-fade-out var(--el-transition-duration);
    animation: modal-fade-out var(--el-transition-duration);
}

.dialog-fade-leave-active .el-overlay-dialog {
    -webkit-animation: dialog-fade-out var(--el-transition-duration);
    animation: dialog-fade-out var(--el-transition-duration);
}

@-webkit-keyframes dialog-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes dialog-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

@-webkit-keyframes dialog-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
}

@keyframes dialog-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
}

@-webkit-keyframes modal-fade-in {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes modal-fade-in {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes modal-fade-out {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes modal-fade-out {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.el-overlay {
    background-color: var(--el-overlay-color-lighter);
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000;
}

.el-overlay .el-overlay-root {
    height: 0;
}

.el-dialog.common-dialog {
    padding: var(--common-dialog-padding-height) var(--common-dialog-padding-width) !important;
}

.el-dialog.common-dialog .el-dialog__header {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-align: var(--common-dialog-title-align);
    color: #fff;
    margin-left: var(--common-dialog-title-padding-left);
}

.el-dialog.common-dialog .el-dialog__header.show-close .el-dialog__headerbtn {
    width: 24px;
    height: 24px;
    margin-right: var(--common-dialog-padding-width);
    margin-top: calc(var(--common-dialog-padding-height) + (var(--common-dialog-title-height) - 24px) / 2);
}

.el-dialog.common-dialog .el-dialog__header.show-close .el-dialog__headerbtn .el-icon.el-dialog__close {
    vertical-align: top;
    margin: 0 !important;
    font-size: 24px !important;
}

.el-dialog.common-dialog .el-dialog__header.show-close .el-dialog__headerbtn .el-icon.el-dialog__close svg {
    margin: 0;
    padding: 0;
}

.header-bg[data-v-b2762d11] {
    pointer-events: none;
    width: 100%;
    height: 500px;
    background-position: right top;
    background-size: 70%;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -20px;
    margin-left: -24px;
    border-radius: 10px;
}

:root {
    --el-loading-spinner-size: 42px;
    --el-loading-fullscreen-spinner-size: 50px;
}

.el-loading-parent--relative {
    position: relative !important;
}

.el-loading-parent--hidden {
    overflow: hidden !important;
}

.el-loading-mask {
    background-color: var(--el-mask-color);
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity var(--el-transition-duration);
    z-index: 2000;
}

.el-loading-mask.is-fullscreen {
    position: fixed;
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2);
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: var(--el-loading-fullscreen-spinner-size);
    width: var(--el-loading-fullscreen-spinner-size);
}

.el-loading-spinner {
    margin-top: calc((0px - var(--el-loading-spinner-size)) / 2);
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

.el-loading-spinner .el-loading-text {
    color: var(--el-color-primary);
    font-size: 14px;
    margin: 3px 0;
}

.el-loading-spinner .circular {
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite;
    display: inline;
    height: var(--el-loading-spinner-size);
    width: var(--el-loading-spinner-size);
}

.el-loading-spinner .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: var(--el-color-primary);
    stroke-linecap: round;
}

.el-loading-spinner i {
    color: var(--el-color-primary);
}

.el-loading-fade-enter-from,
.el-loading-fade-leave-to {
    opacity: 0;
}

@-webkit-keyframes loading-rotate {
    to {
        transform: rotate(1turn);
    }
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn);
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}

.el-message {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-border-color-lighter);
    --el-message-padding: 11px 15px;
    --el-message-close-size: 16px;
    --el-message-close-icon-color: var(--el-text-color-placeholder);
    --el-message-close-hover-color: var(--el-text-color-secondary);
    align-items: center;
    background-color: var(--el-message-bg-color);
    border-color: var(--el-message-border-color);
    border-radius: var(--el-border-radius-base);
    border-style: var(--el-border-style);
    border-width: var(--el-border-width);
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    left: 50%;
    max-width: calc(100% - 32px);
    padding: var(--el-message-padding);
    position: fixed;
    top: 20px;
    transform: translate(-50%);
    transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.el-message.is-center {
    justify-content: center;
}

.el-message.is-plain {
    background-color: var(--el-bg-color-overlay);
    border-color: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light);
}

.el-message p {
    margin: 0;
}

.el-message--success {
    --el-message-bg-color: var(--el-color-success-light-9);
    --el-message-border-color: var(--el-color-success-light-8);
    --el-message-text-color: var(--el-color-success);
}

.el-message--success .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word;
}

.el-message .el-message-icon--success {
    color: var(--el-message-text-color);
}

.el-message--info {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-color-info-light-8);
    --el-message-text-color: var(--el-color-info);
}

.el-message--info .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word;
}

.el-message .el-message-icon--info {
    color: var(--el-message-text-color);
}

.el-message--warning {
    --el-message-bg-color: var(--el-color-warning-light-9);
    --el-message-border-color: var(--el-color-warning-light-8);
    --el-message-text-color: var(--el-color-warning);
}

.el-message--warning .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word;
}

.el-message .el-message-icon--warning {
    color: var(--el-message-text-color);
}

.el-message--error {
    --el-message-bg-color: var(--el-color-error-light-9);
    --el-message-border-color: var(--el-color-error-light-8);
    --el-message-text-color: var(--el-color-error);
}

.el-message--error .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word;
}

.el-message .el-message-icon--error {
    color: var(--el-message-text-color);
}

.el-message .el-message__badge {
    position: absolute;
    right: -8px;
    top: -8px;
}

.el-message__content {
    font-size: 14px;
    line-height: 1;
    padding: 0;
}

.el-message__content:focus {
    outline-width: 0;
}

.el-message .el-message__closeBtn {
    color: var(--el-message-close-icon-color);
    cursor: pointer;
    font-size: var(--el-message-close-size);
}

.el-message .el-message__closeBtn:focus {
    outline-width: 0;
}

.el-message .el-message__closeBtn:hover {
    color: var(--el-message-close-hover-color);
}

.el-message-fade-enter-from,
.el-message-fade-leave-to {
    opacity: 0;
    transform: translate(-50%, -100%);
}

input[data-v-54b6972c] {
    vertical-align: top;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 16px;
    border-radius: 12px;
    border: solid 1px transparent;
    box-shadow: none;
    outline: none;
}

input[data-v-54b6972c][data-v-54b6972c]::placeholder {
    color: #727485;
}

input[data-v-54b6972c].password[data-v-54b6972c] {
    padding-right: 52px;
}

input[data-v-54b6972c].error[data-v-54b6972c] {
    border-color: red;
}

input[data-v-54b6972c].center[data-v-54b6972c] {
    text-align: center;
}

input[data-v-54b6972c].normal[data-v-54b6972c] {
    color: #fff;
    background-color: #0d1116;
}

input[data-v-54b6972c].normal[data-v-54b6972c][data-v-54b6972c]:focus {
    border-color: #445b5c;
}

input[data-v-54b6972c].small[data-v-54b6972c] {
    padding: 4px 8px;
    border-radius: 8px;
}

input[data-v-54b6972c].smaller[data-v-54b6972c] {
    padding: 6px 8px;
    border-radius: 8px;
    text-align: center;
}

input[data-v-54b6972c].short[data-v-54b6972c] {
    padding: 8px 16px;
    border-radius: 8px;
}

.password-btn[data-v-54b6972c] {
    vertical-align: top;
    color: #727485;
    margin-top: -35px;
    margin-left: calc(100% - 36px);
    cursor: pointer;
}

.password-btn[data-v-54b6972c][data-v-54b6972c]:hover {
    color: #fff;
}

.generic-button[data-v-2fbef452] {
    --generic-button-content-height: calc(var(--generic-button-font-size) + 10px);
    width: var(--generic-button-width);
    height: var(--generic-button-height);
    line-height: var(--generic-button-content-height);
    font-size: var(--generic-button-font-size);
    border-radius: 1000px;
    cursor: pointer;
    padding: 6px 16px;
    margin: 0;
}

.generic-button[data-v-2fbef452] div.content[data-v-2fbef452] {
    font-size: 0px;
    height: var(--generic-button-content-height);
    padding: 0;
}

.generic-button[data-v-2fbef452] div.content[data-v-2fbef452] svg[data-v-2fbef452] {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.generic-button[data-v-2fbef452] div.content[data-v-2fbef452] div.inner[data-v-2fbef452] {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--generic-button-font-size);
    font-weight: 500;
}

.generic-button[data-v-2fbef452] div.content[data-v-2fbef452] svg + div.inner[data-v-2fbef452] {
    margin-left: 6px;
}

.generic-button[data-v-2fbef452][data-v-2fbef452]:active {
    filter: brightness(1.1);
}

.generic-button[data-v-2fbef452][data-v-2fbef452]:disabled {
    cursor: not-allowed;
}

.generic-button[data-v-2fbef452][data-v-2fbef452]:disabled[data-v-2fbef452]:active {
    filter: inherit;
}

.generic-button[data-v-2fbef452].tiny[data-v-2fbef452] {
    padding: 4px 8px;
    border-radius: 8px;
}

.generic-button[data-v-2fbef452].tiny[data-v-2fbef452] svg[data-v-2fbef452] {
    width: 16px;
    height: 16px;
}

.generic-button[data-v-2fbef452].medium-wider[data-v-2fbef452] {
    padding-left: 20px;
    padding-right: 20px;
}

.generic-button[data-v-2fbef452].mid-wide[data-v-2fbef452] {
    padding-left: 24px;
    padding-right: 24px;
}

.generic-button[data-v-2fbef452].wide[data-v-2fbef452] {
    padding-left: 32px;
    padding-right: 32px;
}

.generic-button[data-v-2fbef452].narrow[data-v-2fbef452] {
    padding-left: 12px;
    padding-right: 12px;
}

.generic-button[data-v-2fbef452].medium-higher[data-v-2fbef452] {
    padding-top: 7px;
    padding-bottom: 7px;
}

.generic-button[data-v-2fbef452].short[data-v-2fbef452] {
    padding-top: 4px;
    padding-bottom: 4px;
}

.generic-button[data-v-2fbef452].high[data-v-2fbef452] {
    padding-top: 9px;
    padding-bottom: 9px;
}

.generic-button[data-v-2fbef452].high[data-v-2fbef452] div.content svg[data-v-2fbef452] {
    width: 24px;
    height: 24px;
}

.generic-button[data-v-2fbef452].mobile-wide[data-v-2fbef452] {
    width: calc(100vw - 32px);
}

.generic-button[data-v-2fbef452].no-padding[data-v-2fbef452] {
    padding: 0;
}

.generic-button[data-v-2fbef452].iconic[data-v-2fbef452] {
    color: #fff;
    background: transparent;
}

.generic-button[data-v-2fbef452].iconic[data-v-2fbef452].hoverable[data-v-2fbef452]:hover {
    color: var(--theme-color-hover);
}

.generic-button[data-v-2fbef452].iconic[data-v-2fbef452][data-v-2fbef452]:active {
    filter: brightness(0.9);
}

.generic-button[data-v-2fbef452].normal[data-v-2fbef452] {
    color: #fff;
    background-color: #1f2429;
}

.generic-button[data-v-2fbef452].normal[data-v-2fbef452].bright[data-v-2fbef452] {
    background-color: #24282c;
}

.generic-button[data-v-2fbef452].normal[data-v-2fbef452][data-v-2fbef452]:hover {
    background-color: #2e363d;
}

.generic-button[data-v-2fbef452].normal[data-v-2fbef452][data-v-2fbef452]:disabled {
    opacity: 1;
    background: #333a4599;
    color: #72748599;
}

.generic-button[data-v-2fbef452].normal[data-v-2fbef452][data-v-2fbef452]:disabled:hover {
    background: #333a4599;
    color: #72748599;
}

.generic-button[data-v-2fbef452].normal[data-v-2fbef452].active[data-v-2fbef452] svg[data-v-2fbef452] {
    color: var(--theme-color-hover);
}

.generic-button[data-v-2fbef452].normal[data-v-2fbef452]:disabled.hot[data-v-2fbef452] {
    background: #ffffff0f;
}

.generic-button[data-v-2fbef452].normal[data-v-2fbef452]:disabled.hot[data-v-2fbef452][data-v-2fbef452]:hover {
    background: #ffffff0f !important;
}

.generic-button[data-v-2fbef452].no-border[data-v-2fbef452],
.generic-button[data-v-2fbef452].no-border[data-v-2fbef452].active[data-v-2fbef452] {
    background-color: transparent;
}

.generic-button[data-v-2fbef452].border[data-v-2fbef452] {
    background-color: transparent;
    border: solid 1px #3b3c4d;
}

.generic-button[data-v-2fbef452].border[data-v-2fbef452][data-v-2fbef452]:hover {
    background-color: #1c262b;
}

.generic-button[data-v-2fbef452].border[data-v-2fbef452].active[data-v-2fbef452] {
    color: #a8ff1a;
    background-image: linear-gradient(89.38deg, #1f2429 0.12%, #1f2429 106.24%),
        linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}

.generic-button[data-v-2fbef452].border[data-v-2fbef452][data-v-2fbef452]:disabled {
    color: #3b3c4d;
    background: transparent;
}

.generic-button[data-v-2fbef452].primary[data-v-2fbef452] {
    font-weight: 500;
    background: linear-gradient(89.86deg, #a7ff1a, #82fac2, #47d4ff);
    transition: all 0.2s;
}

.generic-button[data-v-2fbef452].primary[data-v-2fbef452][data-v-2fbef452]:hover {
    background: linear-gradient(89.86deg, #81d100, #56d69a, #1aaad6);
}

.generic-button[data-v-2fbef452].primary[data-v-2fbef452][data-v-2fbef452]:disabled {
    background: #333a45;
    color: #727485;
}

.generic-button[data-v-2fbef452].primary[data-v-2fbef452][data-v-2fbef452]:disabled.hot[data-v-2fbef452] {
    color: #000;
}

.generic-button[data-v-2fbef452].primary[data-v-2fbef452][data-v-2fbef452]:disabled:hover {
    background: #333a45;
    color: #727485;
}

.generic-button[data-v-2fbef452].primary[data-v-2fbef452].hot[data-v-2fbef452] {
    background: linear-gradient(89.86deg, #ffe785, #ffde70, #ffb685);
}

.generic-button[data-v-2fbef452].primary[data-v-2fbef452].hot[data-v-2fbef452][data-v-2fbef452]:hover {
    background: linear-gradient(90deg, #ffcb52, #ffc35c, #ff8547) !important;
}

.generic-button[data-v-2fbef452].primary[data-v-2fbef452].red-hot[data-v-2fbef452] {
    color: #fff;
    background: linear-gradient(89.86deg, #fa7500, #f03000);
}

.generic-button[data-v-2fbef452].primary[data-v-2fbef452].red-hot[data-v-2fbef452][data-v-2fbef452]:hover {
    background: linear-gradient(89.86deg, #fa7500, #f03000) !important;
    filter: brightness(0.9);
}

.generic-button[data-v-2fbef452].primary[data-v-2fbef452].red-hot[data-v-2fbef452][data-v-2fbef452]:active {
    background: linear-gradient(89.86deg, #fa7500, #f03000) !important;
    filter: brightness(1.1);
}

.generic-button + .generic-button[data-v-2fbef452] {
    margin-left: var(--generic-button-margin);
}

.adv-btn-container + .generic-button {
    margin-left: var(--generic-button-margin) !important;
}

.generic-button + .adv-btn-container {
    margin-left: var(--generic-button-margin) !important;
}

.adv-btn-container + .adv-btn-container {
    margin-left: var(--generic-button-margin) !important;
}

h1[data-v-b1ece232] {
    margin-top: -8px;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
}

.notice[data-v-b1ece232] {
    margin-top: 20px;
    border: 1px solid;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(68.56deg, #1e2930 29.44%, #1d1d1d 59.6%, #262a2f 82.91%, #2e4141 101.21%),
        linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
    color: #fff;
    background-color: #0801;
    padding: 16px;
    text-align: center;
    font-size: 14px;
    -webkit-user-select: text;
    user-select: text;
    border-radius: 12px;
}

table[data-v-b1ece232] {
    margin-top: 24px;
    margin-left: -12px;
}

table[data-v-b1ece232] h4[data-v-b1ece232] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin-bottom: 8px;
}

table[data-v-b1ece232] h4[data-v-b1ece232] sup[data-v-b1ece232] {
    color: red;
    margin-left: 4px;
    vertical-align: middle;
}

table[data-v-b1ece232] h4[data-v-b1ece232] span[data-v-b1ece232] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #727485;
}

table[data-v-b1ece232] ol[data-v-b1ece232] {
    margin: 8px 0;
    padding: 0;
    list-style: none;
}

table[data-v-b1ece232] ol[data-v-b1ece232] li[data-v-b1ece232] {
    display: inline-block;
    margin-right: 18px;
    line-height: 24px;
    color: #e5e6ee;
    cursor: pointer;
}

table[data-v-b1ece232] ol[data-v-b1ece232] li[data-v-b1ece232][data-v-b1ece232]:hover {
    color: var(--theme-color-primary);
}

table[data-v-b1ece232] ol[data-v-b1ece232] li[data-v-b1ece232] svg[data-v-b1ece232] {
    margin-right: 8px;
    vertical-align: middle;
}

table[data-v-b1ece232] ol[data-v-b1ece232] li[data-v-b1ece232] span[data-v-b1ece232] {
    vertical-align: middle;
}

table[data-v-b1ece232] textarea[data-v-b1ece232] {
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #fff;
    background: #0d1116;
    width: 748px;
    padding: 8px 16px;
    border-radius: 8px;
    border: solid 1px transparent;
    resize: none;
}

table[data-v-b1ece232] textarea[data-v-b1ece232][data-v-b1ece232]::placeholder {
    color: #727485;
}

.btns[data-v-b1ece232] {
    margin-top: 24px;
    text-align: right;
}

p.reply-time[data-v-b1ece232] {
    margin-top: 8px;
}

.limit[data-v-defd71e2] {
    display: inline-block;
    margin-left: 8px;
    height: 20px;
    padding: 3px 6px;
    border-radius: 5px;
    vertical-align: middle;
    background: linear-gradient(284.04deg, #ffc175, #ffefc6);
    box-shadow: 0 2px 8px #00000029;
    color: #753f0c;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

.limit[data-v-defd71e2].bolded[data-v-defd71e2] {
    font-weight: 500;
}

.limit[data-v-defd71e2].theme-hot[data-v-defd71e2] {
    background: linear-gradient(284.04deg, #ffa85c, #fff1cc);
}

.limit[data-v-defd71e2].theme-cold[data-v-defd71e2] {
    background: linear-gradient(135deg, #52ffba 9.27%, #23faec 46.96%, #0af 88.5%);
    color: #191d21;
}

.limit[data-v-defd71e2].theme-coldunbold[data-v-defd71e2] {
    background: linear-gradient(135deg, #52ffba 9.27%, #23faec 46.96%, #0af 88.5%);
    color: #191d21;
    font-weight: 400;
}

.limit[data-v-defd71e2].disabled[data-v-defd71e2] {
    height: 18px;
    padding: 2px 6px;
    border: solid 1px #4d4e57;
    color: #727485;
    background: #404957;
    box-shadow: none;
}

.bg[data-v-c3d48485] {
    width: 1100px;
    margin-left: -24px;
    margin-top: -16px;
}

.result[data-v-c3d48485] {
    transition: all 0.6s;
    position: absolute;
    width: 481.5px;
    height: 121.5px;
    background-size: contain !important;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -400px;
    margin-left: 226px;
}

.result[data-v-c3d48485] .title[data-v-c3d48485] {
    position: absolute;
    margin-top: -60px;
}

.result[data-v-c3d48485] .title[data-v-c3d48485] h1[data-v-c3d48485] {
    font-size: 36px;
    font-weight: 900;
    line-height: 42.19px;
    letter-spacing: 4px;
}

.result[data-v-c3d48485] .desc[data-v-c3d48485] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    margin-left: 24px;
    margin-top: 60px;
}

.result[data-v-c3d48485] .note[data-v-c3d48485] {
    margin-top: 29px;
    margin-left: 100px;
    position: absolute;
}

.bottom[data-v-c3d48485] {
    width: 558px;
    height: 155px;
    background-size: contain !important;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -332px;
    margin-left: 187px;
    text-align: center;
    padding-top: 86px;
}

.el-dialog.redeem-result-dialog {
    background: transparent !important;
    border: transparent !important;
    box-shadow: none !important;
}

.el-dialog.redeem-result-dialog .el-dialog__headerbtn {
    margin-top: 120px !important;
    margin-right: 200px !important;
}

.placeholder[data-v-475a8ed8] {
    height: calc(var(--top-navigation-height) + 7px);
}

#sticky_layout_stciky[data-v-475a8ed8] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    pointer-events: none;
}

.bottom-navigator[data-v-6bd15a03] {
    position: fixed;
    pointer-events: all;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-image: linear-gradient(252.37deg, #1b262b 0.55%, #171b21, #191d23 90.08%),
        linear-gradient(68.56deg, #1e2930 29.44%, #1d1d1d 59.6%, #262a2f 82.91%, #2e4141 101.21%) !important;
    border-color: #1e3139 !important;
    text-align: center;
    cursor: pointer;
}

.bottom-navigator[data-v-6bd15a03] .btn[data-v-6bd15a03] {
    margin-top: 4px;
    display: inline-block;
    text-align: center;
    padding: 6px 16px;
    height: 60px;
    width: 19vw;
    color: #999bac;
}

.bottom-navigator[data-v-6bd15a03] .btn[data-v-6bd15a03] .icon[data-v-6bd15a03] {
    display: block;
    height: 24px;
}

.bottom-navigator[data-v-6bd15a03] .btn[data-v-6bd15a03] .icon[data-v-6bd15a03] svg[data-v-6bd15a03] {
    margin: 0;
    width: 24px;
    height: 24px;
    vertical-align: top;
}

.bottom-navigator[data-v-6bd15a03] .btn[data-v-6bd15a03] .caption[data-v-6bd15a03] {
    font-size: 12px;
    display: block;
    padding: 0;
    margin: 0;
    line-height: 24px;
}

.bottom-navigator[data-v-6bd15a03] .btn[data-v-6bd15a03].active[data-v-6bd15a03] {
    color: var(--theme-color-primary);
    background-color: transparent;
}

.bottom-navigator[data-v-6bd15a03] .btn[data-v-6bd15a03][data-v-6bd15a03]:active {
    background-color: #fff1;
}

.el-button {
    --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: var(--el-border-color);
    --el-button-bg-color: var(--el-fill-color-blank);
    --el-button-text-color: var(--el-text-color-regular);
    --el-button-disabled-text-color: var(--el-disabled-text-color);
    --el-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-button-disabled-border-color: var(--el-border-color-light);
    --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-color-primary-light-9);
    --el-button-hover-border-color: var(--el-color-primary-light-7);
    --el-button-active-text-color: var(--el-button-hover-text-color);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-active-bg-color: var(--el-button-hover-bg-color);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-hover-link-text-color: var(--el-color-info);
    --el-button-active-color: var(--el-text-color-primary);
    align-items: center;
    -webkit-appearance: none;
    background-color: var(--el-button-bg-color);
    border: var(--el-border);
    border-color: var(--el-button-border-color);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    color: var(--el-button-text-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-button-font-weight);
    height: 32px;
    justify-content: center;
    line-height: 1;
    outline: none;
    padding: 8px 15px;
    text-align: center;
    transition: 0.1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.el-button:hover {
    background-color: var(--el-button-hover-bg-color);
    border-color: var(--el-button-hover-border-color);
    color: var(--el-button-hover-text-color);
    outline: none;
}

.el-button:active {
    background-color: var(--el-button-active-bg-color);
    border-color: var(--el-button-active-border-color);
    color: var(--el-button-active-text-color);
    outline: none;
}

.el-button:focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px;
    transition: outline-offset 0s, outline 0s;
}

.el-button > span {
    align-items: center;
    display: inline-flex;
}

.el-button + .el-button {
    margin-left: 12px;
}

.el-button.is-round {
    padding: 8px 15px;
}

.el-button::-moz-focus-inner {
    border: 0;
}

.el-button [class*="el-icon"] + span {
    margin-left: 6px;
}

.el-button [class*="el-icon"] svg {
    vertical-align: bottom;
}

.el-button.is-plain {
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-fill-color-blank);
    --el-button-hover-border-color: var(--el-color-primary);
}

.el-button.is-active {
    background-color: var(--el-button-active-bg-color);
    border-color: var(--el-button-active-border-color);
    color: var(--el-button-active-text-color);
    outline: none;
}

.el-button.is-disabled,
.el-button.is-disabled:hover {
    background-color: var(--el-button-disabled-bg-color);
    background-image: none;
    border-color: var(--el-button-disabled-border-color);
    color: var(--el-button-disabled-text-color);
    cursor: not-allowed;
}

.el-button.is-loading {
    pointer-events: none;
    position: relative;
}

.el-button.is-loading:before {
    background-color: var(--el-mask-color-extra-light);
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 1;
}

.el-button.is-round {
    border-radius: var(--el-border-radius-round);
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 8px;
    width: 32px;
}

.el-button.is-text {
    background-color: transparent;
    border: 0 solid transparent;
    color: var(--el-button-text-color);
}

.el-button.is-text.is-disabled {
    background-color: transparent !important;
    color: var(--el-button-disabled-text-color);
}

.el-button.is-text:not(.is-disabled):hover {
    background-color: var(--el-fill-color-light);
}

.el-button.is-text:not(.is-disabled):focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px;
    transition: outline-offset 0s, outline 0s;
}

.el-button.is-text:not(.is-disabled):active {
    background-color: var(--el-fill-color);
}

.el-button.is-text:not(.is-disabled).is-has-bg {
    background-color: var(--el-fill-color-light);
}

.el-button.is-text:not(.is-disabled).is-has-bg:hover {
    background-color: var(--el-fill-color);
}

.el-button.is-text:not(.is-disabled).is-has-bg:active {
    background-color: var(--el-fill-color-dark);
}

.el-button__text--expand {
    letter-spacing: 0.3em;
    margin-right: -0.3em;
}

.el-button.is-link {
    background: transparent;
    border-color: transparent;
    color: var(--el-button-text-color);
    height: auto;
    padding: 2px;
}

.el-button.is-link:hover {
    color: var(--el-button-hover-link-text-color);
}

.el-button.is-link.is-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--el-button-disabled-text-color);
}

.el-button.is-link:not(.is-disabled):hover {
    background-color: transparent;
    border-color: transparent;
}

.el-button.is-link:not(.is-disabled):active {
    background-color: transparent;
    border-color: transparent;
    color: var(--el-button-active-color);
}

.el-button--text {
    background: transparent;
    border-color: transparent;
    color: var(--el-color-primary);
    padding-left: 0;
    padding-right: 0;
}

.el-button--text.is-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--el-button-disabled-text-color);
}

.el-button--text:not(.is-disabled):hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--el-color-primary-light-3);
}

.el-button--text:not(.is-disabled):active {
    background-color: transparent;
    border-color: transparent;
    color: var(--el-color-primary-dark-2);
}

.el-button__link--expand {
    letter-spacing: 0.3em;
    margin-right: -0.3em;
}

.el-button--primary {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-primary);
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: var(--el-color-primary-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: var(--el-color-primary-light-3);
    --el-button-hover-border-color: var(--el-color-primary-light-3);
    --el-button-active-bg-color: var(--el-color-primary-dark-2);
    --el-button-active-border-color: var(--el-color-primary-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5);
}

.el-button--primary.is-link,
.el-button--primary.is-plain,
.el-button--primary.is-text {
    --el-button-text-color: var(--el-color-primary);
    --el-button-bg-color: var(--el-color-primary-light-9);
    --el-button-border-color: var(--el-color-primary-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-primary);
    --el-button-hover-border-color: var(--el-color-primary);
    --el-button-active-text-color: var(--el-color-white);
}

.el-button--primary.is-link.is-disabled,
.el-button--primary.is-link.is-disabled:active,
.el-button--primary.is-link.is-disabled:focus,
.el-button--primary.is-link.is-disabled:hover,
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover,
.el-button--primary.is-text.is-disabled,
.el-button--primary.is-text.is-disabled:active,
.el-button--primary.is-text.is-disabled:focus,
.el-button--primary.is-text.is-disabled:hover {
    background-color: var(--el-color-primary-light-9);
    border-color: var(--el-color-primary-light-8);
    color: var(--el-color-primary-light-5);
}

.el-button--success {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-success);
    --el-button-border-color: var(--el-color-success);
    --el-button-outline-color: var(--el-color-success-light-5);
    --el-button-active-color: var(--el-color-success-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-success-light-5);
    --el-button-hover-bg-color: var(--el-color-success-light-3);
    --el-button-hover-border-color: var(--el-color-success-light-3);
    --el-button-active-bg-color: var(--el-color-success-dark-2);
    --el-button-active-border-color: var(--el-color-success-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-success-light-5);
    --el-button-disabled-border-color: var(--el-color-success-light-5);
}

.el-button--success.is-link,
.el-button--success.is-plain,
.el-button--success.is-text {
    --el-button-text-color: var(--el-color-success);
    --el-button-bg-color: var(--el-color-success-light-9);
    --el-button-border-color: var(--el-color-success-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-success);
    --el-button-hover-border-color: var(--el-color-success);
    --el-button-active-text-color: var(--el-color-white);
}

.el-button--success.is-link.is-disabled,
.el-button--success.is-link.is-disabled:active,
.el-button--success.is-link.is-disabled:focus,
.el-button--success.is-link.is-disabled:hover,
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover,
.el-button--success.is-text.is-disabled,
.el-button--success.is-text.is-disabled:active,
.el-button--success.is-text.is-disabled:focus,
.el-button--success.is-text.is-disabled:hover {
    background-color: var(--el-color-success-light-9);
    border-color: var(--el-color-success-light-8);
    color: var(--el-color-success-light-5);
}

.el-button--warning {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-warning);
    --el-button-border-color: var(--el-color-warning);
    --el-button-outline-color: var(--el-color-warning-light-5);
    --el-button-active-color: var(--el-color-warning-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-warning-light-5);
    --el-button-hover-bg-color: var(--el-color-warning-light-3);
    --el-button-hover-border-color: var(--el-color-warning-light-3);
    --el-button-active-bg-color: var(--el-color-warning-dark-2);
    --el-button-active-border-color: var(--el-color-warning-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-warning-light-5);
    --el-button-disabled-border-color: var(--el-color-warning-light-5);
}

.el-button--warning.is-link,
.el-button--warning.is-plain,
.el-button--warning.is-text {
    --el-button-text-color: var(--el-color-warning);
    --el-button-bg-color: var(--el-color-warning-light-9);
    --el-button-border-color: var(--el-color-warning-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-warning);
    --el-button-hover-border-color: var(--el-color-warning);
    --el-button-active-text-color: var(--el-color-white);
}

.el-button--warning.is-link.is-disabled,
.el-button--warning.is-link.is-disabled:active,
.el-button--warning.is-link.is-disabled:focus,
.el-button--warning.is-link.is-disabled:hover,
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover,
.el-button--warning.is-text.is-disabled,
.el-button--warning.is-text.is-disabled:active,
.el-button--warning.is-text.is-disabled:focus,
.el-button--warning.is-text.is-disabled:hover {
    background-color: var(--el-color-warning-light-9);
    border-color: var(--el-color-warning-light-8);
    color: var(--el-color-warning-light-5);
}

.el-button--danger {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-danger);
    --el-button-border-color: var(--el-color-danger);
    --el-button-outline-color: var(--el-color-danger-light-5);
    --el-button-active-color: var(--el-color-danger-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-danger-light-5);
    --el-button-hover-bg-color: var(--el-color-danger-light-3);
    --el-button-hover-border-color: var(--el-color-danger-light-3);
    --el-button-active-bg-color: var(--el-color-danger-dark-2);
    --el-button-active-border-color: var(--el-color-danger-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-danger-light-5);
    --el-button-disabled-border-color: var(--el-color-danger-light-5);
}

.el-button--danger.is-link,
.el-button--danger.is-plain,
.el-button--danger.is-text {
    --el-button-text-color: var(--el-color-danger);
    --el-button-bg-color: var(--el-color-danger-light-9);
    --el-button-border-color: var(--el-color-danger-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-danger);
    --el-button-hover-border-color: var(--el-color-danger);
    --el-button-active-text-color: var(--el-color-white);
}

.el-button--danger.is-link.is-disabled,
.el-button--danger.is-link.is-disabled:active,
.el-button--danger.is-link.is-disabled:focus,
.el-button--danger.is-link.is-disabled:hover,
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover,
.el-button--danger.is-text.is-disabled,
.el-button--danger.is-text.is-disabled:active,
.el-button--danger.is-text.is-disabled:focus,
.el-button--danger.is-text.is-disabled:hover {
    background-color: var(--el-color-danger-light-9);
    border-color: var(--el-color-danger-light-8);
    color: var(--el-color-danger-light-5);
}

.el-button--info {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-info);
    --el-button-border-color: var(--el-color-info);
    --el-button-outline-color: var(--el-color-info-light-5);
    --el-button-active-color: var(--el-color-info-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-info-light-5);
    --el-button-hover-bg-color: var(--el-color-info-light-3);
    --el-button-hover-border-color: var(--el-color-info-light-3);
    --el-button-active-bg-color: var(--el-color-info-dark-2);
    --el-button-active-border-color: var(--el-color-info-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-info-light-5);
    --el-button-disabled-border-color: var(--el-color-info-light-5);
}

.el-button--info.is-link,
.el-button--info.is-plain,
.el-button--info.is-text {
    --el-button-text-color: var(--el-color-info);
    --el-button-bg-color: var(--el-color-info-light-9);
    --el-button-border-color: var(--el-color-info-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-info);
    --el-button-hover-border-color: var(--el-color-info);
    --el-button-active-text-color: var(--el-color-white);
}

.el-button--info.is-link.is-disabled,
.el-button--info.is-link.is-disabled:active,
.el-button--info.is-link.is-disabled:focus,
.el-button--info.is-link.is-disabled:hover,
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover,
.el-button--info.is-text.is-disabled,
.el-button--info.is-text.is-disabled:active,
.el-button--info.is-text.is-disabled:focus,
.el-button--info.is-text.is-disabled:hover {
    background-color: var(--el-color-info-light-9);
    border-color: var(--el-color-info-light-8);
    color: var(--el-color-info-light-5);
}

.el-button--large {
    --el-button-size: 40px;
    border-radius: var(--el-border-radius-base);
    font-size: var(--el-font-size-base);
    height: var(--el-button-size);
    padding: 12px 19px;
}

.el-button--large [class*="el-icon"] + span {
    margin-left: 8px;
}

.el-button--large.is-round {
    padding: 12px 19px;
}

.el-button--large.is-circle {
    padding: 12px;
    width: var(--el-button-size);
}

.el-button--small {
    --el-button-size: 24px;
    border-radius: calc(var(--el-border-radius-base) - 1px);
    font-size: 12px;
    height: var(--el-button-size);
    padding: 5px 11px;
}

.el-button--small [class*="el-icon"] + span {
    margin-left: 4px;
}

.el-button--small.is-round {
    padding: 5px 11px;
}

.el-button--small.is-circle {
    padding: 5px;
    width: var(--el-button-size);
}

.el-button-group {
    display: inline-block;
    vertical-align: middle;
}

.el-button-group:after,
.el-button-group:before {
    content: "";
    display: table;
}

.el-button-group:after {
    clear: both;
}

.el-button-group > .el-button {
    float: left;
    position: relative;
}

.el-button-group > .el-button + .el-button {
    margin-left: 0;
}

.el-button-group > .el-button:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.el-button-group > .el-button:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.el-button-group > .el-button:first-child:last-child {
    border-bottom-left-radius: var(--el-border-radius-base);
    border-bottom-right-radius: var(--el-border-radius-base);
    border-top-left-radius: var(--el-border-radius-base);
    border-top-right-radius: var(--el-border-radius-base);
}

.el-button-group > .el-button:first-child:last-child.is-round {
    border-radius: var(--el-border-radius-round);
}

.el-button-group > .el-button:first-child:last-child.is-circle {
    border-radius: 50%;
}

.el-button-group > .el-button:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.el-button-group > .el-button:not(:last-child) {
    margin-right: -1px;
}

.el-button-group > .el-button:active,
.el-button-group > .el-button:focus,
.el-button-group > .el-button:hover {
    z-index: 1;
}

.el-button-group > .el-button.is-active {
    z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
    border-bottom-left-radius: 0;
    border-left-color: var(--el-button-divide-border-color);
    border-top-left-radius: 0;
}

.el-button-group .el-button--primary:first-child {
    border-right-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--primary:last-child {
    border-left-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--success:first-child {
    border-right-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--success:last-child {
    border-left-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--warning:first-child {
    border-right-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--warning:last-child {
    border-left-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--danger:first-child {
    border-right-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--danger:last-child {
    border-left-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--info:first-child {
    border-right-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--info:last-child {
    border-left-color: var(--el-button-divide-border-color);
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color);
}

.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius, 4px);
    border-radius: var(--el-popper-border-radius);
    font-size: 12px;
    line-height: 20px;
    min-width: 10px;
    overflow-wrap: break-word;
    padding: 5px 11px;
    position: absolute;
    visibility: visible;
    z-index: 2000;
}

.el-popper.is-dark {
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary);
    color: var(--el-bg-color);
}

.el-popper.is-dark .el-popper__arrow:before {
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary);
    right: 0;
}

.el-popper.is-light {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
}

.el-popper.is-light .el-popper__arrow:before {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
    right: 0;
}

.el-popper.is-pure {
    padding: 0;
}

.el-popper__arrow {
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: -1;
}

.el-popper__arrow:before {
    background: var(--el-text-color-primary);
    box-sizing: border-box;
    content: " ";
    height: 10px;
    position: absolute;
    transform: rotate(45deg);
    width: 10px;
    z-index: -1;
}

.el-popper[data-popper-placement^="top"] > .el-popper__arrow {
    bottom: -5px;
}

.el-popper[data-popper-placement^="top"] > .el-popper__arrow:before {
    border-bottom-right-radius: 2px;
}

.el-popper[data-popper-placement^="bottom"] > .el-popper__arrow {
    top: -5px;
}

.el-popper[data-popper-placement^="bottom"] > .el-popper__arrow:before {
    border-top-left-radius: 2px;
}

.el-popper[data-popper-placement^="left"] > .el-popper__arrow {
    right: -5px;
}

.el-popper[data-popper-placement^="left"] > .el-popper__arrow:before {
    border-top-right-radius: 2px;
}

.el-popper[data-popper-placement^="right"] > .el-popper__arrow {
    left: -5px;
}

.el-popper[data-popper-placement^="right"] > .el-popper__arrow:before {
    border-bottom-left-radius: 2px;
}

.el-popper[data-popper-placement^="top"] .el-popper__arrow:before {
    border-left-color: transparent !important;
    border-top-color: transparent !important;
}

.el-popper[data-popper-placement^="bottom"] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
}

.el-popper[data-popper-placement^="left"] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
}

.el-popper[data-popper-placement^="right"] .el-popper__arrow:before {
    border-right-color: transparent !important;
    border-top-color: transparent !important;
}

.el-scrollbar {
    --el-scrollbar-opacity: 0.3;
    --el-scrollbar-bg-color: var(--el-text-color-secondary);
    --el-scrollbar-hover-opacity: 0.5;
    --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
    height: 100%;
    overflow: hidden;
    position: relative;
}

.el-scrollbar__wrap {
    height: 100%;
    overflow: auto;
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none;
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    display: none;
}

.el-scrollbar__thumb {
    background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
    border-radius: inherit;
    cursor: pointer;
    display: block;
    height: 0;
    opacity: var(--el-scrollbar-opacity, 0.3);
    position: relative;
    transition: var(--el-transition-duration) background-color;
    width: 0;
}

.el-scrollbar__thumb:hover {
    background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
    opacity: var(--el-scrollbar-hover-opacity, 0.5);
}

.el-scrollbar__bar {
    border-radius: 4px;
    bottom: 2px;
    position: absolute;
    right: 2px;
    z-index: 1;
}

.el-scrollbar__bar.is-vertical {
    top: 2px;
    width: 6px;
}

.el-scrollbar__bar.is-vertical > div {
    width: 100%;
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px;
}

.el-scrollbar__bar.is-horizontal > div {
    height: 100%;
}

.el-scrollbar-fade-enter-active {
    transition: opacity 0.34s ease-out;
}

.el-scrollbar-fade-leave-active {
    transition: opacity 0.12s ease-out;
}

.el-scrollbar-fade-enter-from,
.el-scrollbar-fade-leave-active {
    opacity: 0;
}

.el-dropdown {
    --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
    --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
    --el-dropdown-menuItem-hover-color: var(--el-color-primary);
    --el-dropdown-menu-index: 10;
    color: var(--el-text-color-regular);
    display: inline-flex;
    font-size: var(--el-font-size-base);
    line-height: 1;
    position: relative;
    vertical-align: top;
}

.el-dropdown.is-disabled {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed;
}

.el-dropdown__popper {
    --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
    --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
    --el-dropdown-menuItem-hover-color: var(--el-color-primary);
    --el-dropdown-menu-index: 10;
}

.el-dropdown__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
    box-shadow: var(--el-dropdown-menu-box-shadow);
}

.el-dropdown__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light);
}

.el-dropdown__popper.el-popper[data-popper-placement^="top"] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent;
}

.el-dropdown__popper.el-popper[data-popper-placement^="bottom"] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.el-dropdown__popper.el-popper[data-popper-placement^="left"] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.el-dropdown__popper.el-popper[data-popper-placement^="right"] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent;
}

.el-dropdown__popper .el-dropdown-menu {
    border: none;
}

.el-dropdown__popper .el-dropdown__popper-selfdefine {
    outline: none;
}

.el-dropdown__popper .el-scrollbar__bar {
    z-index: calc(var(--el-dropdown-menu-index) + 1);
}

.el-dropdown__popper .el-dropdown__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
}

.el-dropdown .el-dropdown__caret-button {
    align-items: center;
    border-left: none;
    display: inline-flex;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    width: 32px;
}

.el-dropdown .el-dropdown__caret-button > span {
    display: inline-flex;
}

.el-dropdown .el-dropdown__caret-button:before {
    background: var(--el-overlay-color-lighter);
    bottom: -1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: -1px;
    width: 1px;
}

.el-dropdown .el-dropdown__caret-button.el-button:before {
    background: var(--el-border-color);
    opacity: 0.5;
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    font-size: inherit;
    padding-left: 0;
}

.el-dropdown .el-dropdown-selfdefine {
    outline: none;
}

.el-dropdown--large .el-dropdown__caret-button {
    width: 40px;
}

.el-dropdown--small .el-dropdown__caret-button {
    width: 24px;
}

.el-dropdown-menu {
    background-color: var(--el-bg-color-overlay);
    border: none;
    border-radius: var(--el-border-radius-base);
    box-shadow: none;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 5px 0;
    position: relative;
    top: 0;
    z-index: var(--el-dropdown-menu-index);
}

.el-dropdown-menu__item {
    align-items: center;
    color: var(--el-text-color-regular);
    cursor: pointer;
    display: flex;
    font-size: var(--el-font-size-base);
    line-height: 22px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 5px 16px;
    white-space: nowrap;
}

.el-dropdown-menu__item:not(.is-disabled):focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: var(--el-dropdown-menuItem-hover-fill);
    color: var(--el-dropdown-menuItem-hover-color);
}

.el-dropdown-menu__item i {
    margin-right: 5px;
}

.el-dropdown-menu__item--divided {
    border-top: 1px solid var(--el-border-color-lighter);
    margin: 6px 0;
}

.el-dropdown-menu__item.is-disabled {
    color: var(--el-text-color-disabled);
    cursor: not-allowed;
}

.el-dropdown-menu--large {
    padding: 7px 0;
}

.el-dropdown-menu--large .el-dropdown-menu__item {
    font-size: 14px;
    line-height: 22px;
    padding: 7px 20px;
}

.el-dropdown-menu--large .el-dropdown-menu__item--divided {
    margin: 8px 0;
}

.el-dropdown-menu--small {
    padding: 3px 0;
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    font-size: 12px;
    line-height: 20px;
    padding: 2px 12px;
}

.el-dropdown-menu--small .el-dropdown-menu__item--divided {
    margin: 4px 0;
}

body.mobile .common-tabs[data-v-a48919fb] {
    width: calc(100vw - 24px);
}

.common-tabs[data-v-a48919fb] {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
}

.common-tabs[data-v-a48919fb].size-smaller[data-v-a48919fb] {
    font-size: 16px;
}

.common-tabs[data-v-a48919fb].size-smaller[data-v-a48919fb] .bar[data-v-a48919fb] {
    height: 2px;
}

.common-tabs[data-v-a48919fb].theme-video[data-v-a48919fb] .tab[data-v-a48919fb] {
    color: #c1f0ff;
}

.common-tabs[data-v-a48919fb].theme-video[data-v-a48919fb] .tab[data-v-a48919fb][data-v-a48919fb]:hover {
    color: var(--theme-color-primary);
}

.common-tabs[data-v-a48919fb].theme-video[data-v-a48919fb] .tab[data-v-a48919fb].active[data-v-a48919fb] {
    color: var(--theme-color-primary);
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
    cursor: default;
}

.common-tabs[data-v-a48919fb].theme-video[data-v-a48919fb] .bar[data-v-a48919fb] {
    margin-top: 10px;
    background-image: linear-gradient(0deg, var(--theme-color-primary) 0%, var(--theme-color-primary) 100%);
}

.common-tabs[data-v-a48919fb] .tab[data-v-a48919fb] {
    cursor: pointer;
    font-weight: 500;
    margin-right: 32px;
    color: #c5c7d5;
}

.common-tabs[data-v-a48919fb] .tab[data-v-a48919fb][data-v-a48919fb]:hover {
    color: #fff;
}

.common-tabs[data-v-a48919fb] .tab[data-v-a48919fb].active[data-v-a48919fb] {
    background: linear-gradient(135deg, #52ffba 9.27%, #23faec 46.96%, #0af 88.5%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.common-tabs[data-v-a48919fb] .bar[data-v-a48919fb] {
    transition: var(--bar-transition);
    margin-top: 4px;
    background: linear-gradient(135deg, #52ffba 9.27%, #23faec 46.96%, #0af 88.5%);
    width: var(--bar-width);
    margin-left: var(--bar-left);
    height: 2px;
}

.mask[data-v-cc25749e] {
    position: absolute;
    height: 127px;
    width: 300px;
    margin-top: -127px;
}

body.mobile .card[data-v-cc25749e] {
    width: calc(100% - 20px);
    margin-bottom: 16px;
    margin-right: 0;
}

body.mobile .card[data-v-cc25749e].disabled[data-v-cc25749e] {
    display: none;
}

.card[data-v-cc25749e] {
    cursor: pointer;
    height: 127px;
    width: calc((100% - 80px) / 3);
    border-radius: 12px;
    border: 1px solid #1be5ec1f;
    background: linear-gradient(135deg, #52ffba0a 9.27%, #23faec0a 46.96%, #00aaff0a 88.5%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: #e5e6ee;
    font-size: 14px;
    line-height: 24px;
    padding-top: 32px;
    padding-left: 32px;
    display: inline-block;
    margin-right: 24px;
}

.card[data-v-cc25749e].disabled[data-v-cc25749e] {
    cursor: auto;
    color: #999bac;
    background: #ffffff0a;
    border: 1px solid #ffffff1f;
}

.card[data-v-cc25749e].disabled[data-v-cc25749e] h1[data-v-cc25749e] span[data-v-cc25749e] {
    background: transparent;
    color: #f2f3f8;
    background-clip: content-box;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: #f2f3f8;
}

.card[data-v-cc25749e] h1[data-v-cc25749e] {
    margin-bottom: 12px;
}

.card[data-v-cc25749e] h1[data-v-cc25749e] span[data-v-cc25749e] {
    background: linear-gradient(89.38deg, #23fac1 0.12%, #60caff 106.24%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
}

.card[data-v-cc25749e] p span[data-v-cc25749e] {
    color: #8d8e99;
}

.card[data-v-cc25749e] p span[data-v-cc25749e].pipe[data-v-cc25749e] {
    margin-left: 4px;
    margin-right: 6px;
}

.card[data-v-cc25749e] p span[data-v-cc25749e] sup[data-v-cc25749e] {
    position: absolute;
    margin-top: -4px;
    margin-left: 3px;
}

.card[data-v-cc25749e] .round-btn[data-v-cc25749e] {
    pointer-events: none;
    float: right;
    margin-top: 12px;
    margin-right: 24px;
}

.card[data-v-cc25749e][data-v-cc25749e]:hover .round-btn[data-v-cc25749e] {
    border-color: #fff;
}

body.mobile .banner-set[data-v-7eef648b] {
    height: 280px;
    margin-top: -40px;
}

body.mobile .copyright.bottom {
    display: none;
}

.banner-set[data-v-7eef648b] {
    position: relative;
    margin-right: 4px;
}

.banner-set[data-v-7eef648b] .banner[data-v-7eef648b] {
    position: absolute;
    width: calc(100% - 16px);
    margin-top: -118px;
    margin-left: 20px;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
}

body.mobile .container[data-v-5030e8e7] {
    margin-top: -250px;
}

body.mobile .container img[data-v-5030e8e7] {
    width: calc(100% - 24px);
    margin-left: 2px;
}

body.mobile .video-bg[data-v-5030e8e7] {
    height: 260px;
}

.container[data-v-5030e8e7] {
    position: absolute;
    margin-top: -320px;
    margin-left: 20px;
}

.container img[data-v-5030e8e7] {
    margin-top: 40px;
}

.container .subtitle[data-v-5030e8e7] {
    margin-top: 40px;
    gap: 0px;
    opacity: 0px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #f2f3f8;
}

.container .title[data-v-5030e8e7] {
    margin-top: 16px;
    font-family: PingFang SC;
    font-size: 48px;
    line-height: 48px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    text-align: left;
    display: inline-block;
    background: linear-gradient(
        89.27deg,
        #fff 0.18%,
        #ebffed 26.31%,
        #62ffd5 44.31%,
        #10cfff 58.83%,
        #0af 76.25%,
        #e0f3ff 95.99%
    );
    margin-bottom: 30px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.container .cards[data-v-5030e8e7] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.video-bg[data-v-5030e8e7] {
    line-height: 0;
    font-size: 0;
    text-align: right;
    margin-top: calc(20px - var(--top-navigation-height));
    height: 360px;
    overflow-x: hidden;
}

body.lang-en .video-bg[data-v-5030e8e7] {
    margin-left: 32px;
}

.el-dialog.report-dialog {
    padding: 32px 32px 40px !important;
}

.report-dialog .el-dialog__header {
    margin-bottom: 32px;
    padding-bottom: 0;
}

.report-dialog .el-dialog__body {
    margin-top: 0;
    padding-top: 0;
    border-radius: 18px;
    overflow: hidden;
}

.report-dialog .el-dialog__headerbtn {
    margin-top: 24px;
}

.head[data-v-2aa21b03] {
    margin-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
}

.head[data-v-2aa21b03] svg[data-v-2aa21b03] {
    float: right;
}

body.lang-en .content .section .title[data-v-2aa21b03] {
    float: unset !important;
    width: 100% !important;
}

.content[data-v-2aa21b03] {
    margin-top: 16px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.content[data-v-2aa21b03] p[data-v-2aa21b03] {
    font-size: 18px;
    color: #fff;
}

.content[data-v-2aa21b03] .section[data-v-2aa21b03] {
    display: flex;
}

.content[data-v-2aa21b03] .section[data-v-2aa21b03] .title[data-v-2aa21b03] {
    font-size: 16px;
    color: #e5e6ee;
    width: 93px;
    height: 3em;
}

.content[data-v-2aa21b03] .section[data-v-2aa21b03] .list[data-v-2aa21b03] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.content[data-v-2aa21b03] .section[data-v-2aa21b03] .list[data-v-2aa21b03] .item[data-v-2aa21b03] {
    cursor: pointer;
    height: 3em;
    line-height: 3em;
    font-size: 14px;
    padding: 0 16px;
    border-radius: 8px;
    background-color: #121212;
    color: #c5c7d5;
    border: solid 1px #203034;
}

.content[data-v-2aa21b03]
    .section[data-v-2aa21b03]
    .list[data-v-2aa21b03]
    .item[data-v-2aa21b03][data-v-2aa21b03]:hover {
    background-color: #292828;
}

.content[data-v-2aa21b03]
    .section[data-v-2aa21b03]
    .list[data-v-2aa21b03]
    .item[data-v-2aa21b03].active[data-v-2aa21b03] {
    color: #fff;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #121212, #121212),
        linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
}

input[data-v-2aa21b03] {
    border-radius: 10px;
    box-shadow: none;
    padding: 16px;
    border: none;
    background: #13161b;
    width: 534px;
    color: #fff;
    font-size: 14px;
}

input[data-v-2aa21b03][data-v-2aa21b03]::placeholder {
    color: #727485;
}

input[data-v-2aa21b03][data-v-2aa21b03]:focus {
    outline: solid 1px #72e528;
    border: none;
}

.bottom[data-v-2aa21b03] {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 2em;
    text-align: right;
}

.el-carousel {
    --el-carousel-arrow-font-size: 12px;
    --el-carousel-arrow-size: 36px;
    --el-carousel-arrow-background: rgba(31, 45, 61, 0.11);
    --el-carousel-arrow-hover-background: rgba(31, 45, 61, 0.23);
    --el-carousel-indicator-width: 30px;
    --el-carousel-indicator-height: 2px;
    --el-carousel-indicator-padding-horizontal: 4px;
    --el-carousel-indicator-padding-vertical: 12px;
    --el-carousel-indicator-out-color: var(--el-border-color-hover);
    position: relative;
}

.el-carousel--horizontal,
.el-carousel--vertical {
    overflow: hidden;
}

.el-carousel__container {
    height: 300px;
    position: relative;
}

.el-carousel__arrow {
    align-items: center;
    background-color: var(--el-carousel-arrow-background);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-carousel-arrow-font-size);
    height: var(--el-carousel-arrow-size);
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--el-transition-duration);
    width: var(--el-carousel-arrow-size);
    z-index: 10;
}

.el-carousel__arrow--left {
    left: 16px;
}

.el-carousel__arrow--right {
    right: 16px;
}

.el-carousel__arrow:hover {
    background-color: var(--el-carousel-arrow-hover-background);
}

.el-carousel__arrow i {
    cursor: pointer;
}

.el-carousel__indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: calc(var(--el-index-normal) + 1);
}

.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

.el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.el-carousel__indicators--outside {
    bottom: calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical) * 2);
    position: static;
    text-align: center;
    transform: none;
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: 0.64;
}

.el-carousel__indicators--outside button {
    background-color: var(--el-carousel-indicator-out-color);
    opacity: 0.24;
}

.el-carousel__indicators--right {
    right: 0;
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    text-align: center;
    transform: none;
}

.el-carousel__indicators--labels .el-carousel__button {
    color: #000;
    font-size: 12px;
    height: auto;
    padding: 2px 18px;
    width: auto;
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px;
}

.el-carousel__indicator {
    background-color: transparent;
    cursor: pointer;
}

.el-carousel__indicator:hover button {
    opacity: 0.72;
}

.el-carousel__indicator--horizontal {
    display: inline-block;
    padding: var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal);
}

.el-carousel__indicator--vertical {
    padding: var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical);
}

.el-carousel__indicator--vertical .el-carousel__button {
    height: calc(var(--el-carousel-indicator-width) / 2);
    width: var(--el-carousel-indicator-height);
}

.el-carousel__indicator.is-active button {
    opacity: 1;
}

.el-carousel__button {
    background-color: #fff;
    border: none;
    cursor: pointer;
    display: block;
    height: var(--el-carousel-indicator-height);
    margin: 0;
    opacity: 0.48;
    outline: none;
    padding: 0;
    transition: var(--el-transition-duration);
    width: var(--el-carousel-indicator-width);
}

.carousel-arrow-left-enter-from,
.carousel-arrow-left-leave-active {
    opacity: 0;
    transform: translateY(-50%) translate(-10px);
}

.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
    opacity: 0;
    transform: translateY(-50%) translate(10px);
}

.el-transitioning {
    filter: url(#elCarouselHorizontal);
}

.el-transitioning-vertical {
    filter: url(#elCarouselVertical);
}

.el-carousel__item {
    display: inline-block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.el-carousel__item,
.el-carousel__item.is-active {
    z-index: calc(var(--el-index-normal) - 1);
}

.el-carousel__item--card,
.el-carousel__item.is-animating {
    transition: transform 0.4s ease-in-out;
}

.el-carousel__item--card {
    width: 50%;
}

.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: var(--el-index-normal);
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: 0.12;
}

.el-carousel__item--card.is-active {
    z-index: calc(var(--el-index-normal) + 1);
}

.el-carousel__item--card-vertical {
    height: 50%;
    width: 100%;
}

.el-carousel__mask {
    background-color: var(--el-color-white);
    height: 100%;
    left: 0;
    opacity: 0.24;
    position: absolute;
    top: 0;
    transition: var(--el-transition-duration-fast);
    width: 100%;
}

.el-image__error,
.el-image__inner,
.el-image__placeholder,
.el-image__wrapper {
    height: 100%;
    width: 100%;
}

.el-image {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.el-image__inner {
    opacity: 1;
    vertical-align: top;
}

.el-image__inner.is-loading {
    opacity: 0;
}

.el-image__wrapper {
    left: 0;
    position: absolute;
    top: 0;
}

.el-image__error,
.el-image__placeholder {
    background: var(--el-fill-color-light);
}

.el-image__error {
    align-items: center;
    color: var(--el-text-color-placeholder);
    display: flex;
    font-size: 14px;
    justify-content: center;
    vertical-align: middle;
}

.el-image__preview {
    cursor: pointer;
}

.el-image-viewer__wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.el-image-viewer__btn {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: 0.8;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}

.el-image-viewer__btn .el-icon {
    cursor: pointer;
    font-size: inherit;
}

.el-image-viewer__close {
    font-size: 40px;
    height: 40px;
    right: 40px;
    top: 40px;
    width: 40px;
}

.el-image-viewer__canvas {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: static;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.el-image-viewer__actions {
    background-color: var(--el-text-color-regular);
    border-color: #fff;
    border-radius: 22px;
    bottom: 30px;
    height: 44px;
    left: 50%;
    padding: 0 23px;
    transform: translate(-50%);
    width: 282px;
}

.el-image-viewer__actions__inner {
    align-items: center;
    color: #fff;
    cursor: default;
    display: flex;
    font-size: 23px;
    height: 100%;
    justify-content: space-around;
    width: 100%;
}

.el-image-viewer__prev {
    left: 40px;
}

.el-image-viewer__next,
.el-image-viewer__prev {
    background-color: var(--el-text-color-regular);
    border-color: #fff;
    color: #fff;
    font-size: 24px;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
}

.el-image-viewer__next {
    right: 40px;
    text-indent: 2px;
}

.el-image-viewer__close {
    background-color: var(--el-text-color-regular);
    border-color: #fff;
    color: #fff;
    font-size: 24px;
    height: 44px;
    width: 44px;
}

.el-image-viewer__mask {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}

.viewer-fade-enter-active {
    -webkit-animation: viewer-fade-in var(--el-transition-duration);
    animation: viewer-fade-in var(--el-transition-duration);
}

.viewer-fade-leave-active {
    -webkit-animation: viewer-fade-out var(--el-transition-duration);
    animation: viewer-fade-out var(--el-transition-duration);
}

@-webkit-keyframes viewer-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes viewer-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

@-webkit-keyframes viewer-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
}

@keyframes viewer-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
}

.price[data-v-132b1c60] {
    display: inline-block;
    line-height: 0;
}

.price[data-v-132b1c60].theme-large[data-v-132b1c60] span.value[data-v-132b1c60] {
    font-family: MiSans VF;
    font-weight: 600;
}

.price[data-v-132b1c60].theme-large[data-v-132b1c60] svg[data-v-132b1c60],
.price[data-v-132b1c60].theme-large[data-v-132b1c60] img[data-v-132b1c60] {
    width: 20px;
    height: 20px;
}

.price[data-v-132b1c60].none span.value[data-v-132b1c60] {
    color: inherit;
}

.price[data-v-132b1c60].normal span.value[data-v-132b1c60] {
    color: #fff;
}

.price[data-v-132b1c60].hover span.value[data-v-132b1c60] {
    color: var(--theme-color-primary);
}

.price[data-v-132b1c60] svg[data-v-132b1c60],
.price[data-v-132b1c60] img[data-v-132b1c60] {
    vertical-align: middle;
    margin: 0 0 1px;
    width: 16px;
    height: 16px;
}

.price[data-v-132b1c60] span[data-v-132b1c60] {
    vertical-align: middle;
    margin-left: 2px;
    padding: 0;
}

.demo[data-v-36da078d] {
    width: 328px;
    padding: 12px;
}

.demo[data-v-36da078d] h3[data-v-36da078d] {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    background: linear-gradient(90deg, #e0e9ff, #c3adff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}

.demo[data-v-36da078d] p[data-v-36da078d] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-top: 8px;
}

.demo[data-v-36da078d] img[data-v-36da078d] {
    margin-top: 16px;
    border-radius: 8px;
    width: 100%;
}

.demo[data-v-36da078d] .content[data-v-36da078d] {
    margin-top: 4px;
}

.demo[data-v-36da078d] .btn[data-v-36da078d] {
    margin-top: 18px;
}

.demo[data-v-36da078d] .demo-video[data-v-36da078d] {
    width: 300px;
    margin-top: 12px;
    border-radius: 12px;
}

.fast-tag[data-v-36da078d] {
    position: absolute;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 4px 8px;
    background: #00000047;
    color: #fff;
    right: 36px;
    margin-top: 20px;
    border-radius: 8px;
}

body.lang-en .el-popper.tip.advanced-button-tip-demo.lite {
    width: 340px;
}

.el-popper.tip.advanced-button-tip-demo {
    background-image: var(--membership-demo-background) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    border: solid 1px #3b3c4d !important;
}

.el-popper.tip.advanced-button-tip-demo .el-popper__arrow:before {
    display: none;
}

.el-popper.tip.advanced-button-tip-demo.lite {
    width: 260px;
    border-radius: 18px !important;
    background-image: var(--membership-demo-lite-background) !important;
}

.el-dropdown-menu[data-v-4ac217c2] {
    background-color: transparent;
}

.el-dropdown-menu[data-v-4ac217c2] svg[data-v-4ac217c2] {
    margin-right: 8px;
}

[data-v-4ac217c2] .el-dropdown-menu__item--divided {
    border-top-color: #333 !important;
}

.adv-btn-container[data-v-4ac217c2] {
    display: inline-block;
}

.advanced-button-price {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px !important;
    margin-left: 4px;
    margin-bottom: 1px;
}

.advanced-button-price span {
    font-size: 14px !important;
}

.enable-membership {
    font-size: 14px !important;
    color: var(--theme-color-primary) !important;
    margin: 0 0 2px;
    vertical-align: middle;
}

.el-text {
    --el-text-font-size: var(--el-font-size-base);
    --el-text-color: var(--el-text-color-regular);
    align-self: center;
    color: var(--el-text-color);
    font-size: var(--el-text-font-size);
    margin: 0;
    overflow-wrap: break-word;
    padding: 0;
}

.el-text.is-truncated {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-text.is-line-clamp {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.el-text--large {
    --el-text-font-size: var(--el-font-size-medium);
}

.el-text--default {
    --el-text-font-size: var(--el-font-size-base);
}

.el-text--small {
    --el-text-font-size: var(--el-font-size-extra-small);
}

.el-text.el-text--primary {
    --el-text-color: var(--el-color-primary);
}

.el-text.el-text--success {
    --el-text-color: var(--el-color-success);
}

.el-text.el-text--warning {
    --el-text-color: var(--el-color-warning);
}

.el-text.el-text--danger {
    --el-text-color: var(--el-color-danger);
}

.el-text.el-text--error {
    --el-text-color: var(--el-color-error);
}

.el-text.el-text--info {
    --el-text-color: var(--el-color-info);
}

.el-text > .el-icon {
    vertical-align: -2px;
}

.card[data-v-f60a8697] {
    display: flex;
    flex-direction: column;
    width: var(--006996d3);
    height: var(--1a0b6c8c);
    overflow: hidden;
    background: #3c3c3c;
    border-radius: 12px;
    cursor: pointer;
}

.card .cover[data-v-f60a8697] {
    flex: 1;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
}

.card .cover img[data-v-f60a8697] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card .cover video[data-v-f60a8697] {
    width: 100%;
    height: 100%;
}

.card .tag[data-v-f60a8697] {
    position: absolute;
    top: 12px;
    left: 10px;
    border-radius: 6px;
    background: #2e2f3366;
    padding: 3px 8px;
}

.card .play-button[data-v-f60a8697] {
    position: absolute;
    bottom: 16px;
    left: 12px;
}

.card .detail[data-v-f60a8697] {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 6px;
    background-image: linear-gradient(360deg, #0f1319d9, #0e0e0e00 94.05%);
    background-size: 100% 210px;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: end;
}

.card .detail .content[data-v-f60a8697] {
    pointer-events: none;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    line-height: 0;
}

.card .detail .content .prompts[data-v-f60a8697] {
    height: 44px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}

.card .detail .content .operations[data-v-f60a8697] {
    pointer-events: all;
    margin-top: 12px;
    height: 36px;
}

.card .detail .content .operations .btn-left[data-v-f60a8697] {
    float: left;
}

.card .detail .content .operations .btn-left svg[data-v-f60a8697] {
    float: left;
}

.card .detail .content .operations .btn-right[data-v-f60a8697] {
    float: right;
}

.v-enter-active[data-v-f60a8697],
.v-leave-active[data-v-f60a8697] {
    opacity: 1;
    transition: all 0.3s linear;
    will-change: opacity;
}

.v-enter-from[data-v-f60a8697],
.v-leave-to[data-v-f60a8697] {
    opacity: 0;
    will-change: opacity;
}

body.mobile .empty[data-v-ad86177d] .content[data-v-ad86177d] .text[data-v-ad86177d] {
    line-height: 24px;
}

.empty[data-v-ad86177d] {
    text-align: center;
    padding-top: 250px;
}

.empty[data-v-ad86177d] .content[data-v-ad86177d] .text[data-v-ad86177d] {
    color: #c5c7d5;
    font-size: 14px;
}

.ad-image[data-v-fec28ed8] {
    border-radius: 12px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    background: transparent;
}

.no-header-dialog[data-v-fec28ed8] .el-dialog__header {
    display: none;
}

.waterfall-footer[data-v-fec28ed8] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}

.waterfall-footer span[data-v-fec28ed8] {
    color: #e5e6ee;
    text-align: center;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

body.mobile .waterfall__back-top[data-v-fec28ed8] {
    bottom: 60px;
}

body.mobile .waterfall__back-top.signed-in[data-v-fec28ed8] {
    bottom: 120px;
}

.waterfall__back-top[data-v-fec28ed8] {
    position: fixed;
    bottom: 64px;
    right: 30px;
}

.back-to-top[data-v-fec28ed8] {
    border: solid 1px #4e5062;
    width: 48px;
    height: 48px;
    border-radius: 10em;
    padding-left: 13px;
    padding-top: 6px;
    opacity: 0.8;
}

.back-to-top[data-v-fec28ed8]:hover {
    opacity: 1;
}

.empty[data-v-fec28ed8] {
    text-align: center;
}

img[data-v-4a029687] {
    transition: opacity 0.4s;
    opacity: var(--loading-capacity);
    outline: solid 1px transparent;
}

img[data-v-4a029687].active[data-v-4a029687] {
    outline: solid 1px var(--theme-color-primary);
    outline-offset: -1px;
}

img[data-v-4a029687].clickable[data-v-4a029687] {
    cursor: pointer;
}

img[data-v-4a029687].clickable[data-v-4a029687][data-v-4a029687]:hover {
    outline: solid 1px white;
    outline-offset: -1px;
}

img[data-v-4a029687].clickable[data-v-4a029687][data-v-4a029687]:hover.active[data-v-4a029687] {
    outline: solid 1px var(--theme-color-primary);
}

.no-border[data-v-dff40464] .title[data-v-dff40464] {
    display: none;
}

.no-border[data-v-dff40464] .container[data-v-dff40464] {
    margin: -32px -12px -12px;
    border: none;
}

.title[data-v-dff40464] {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}

.title[data-v-dff40464] svg[data-v-dff40464] {
    transition: all 0.4s;
    margin-left: 8px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.title[data-v-dff40464] a[data-v-dff40464] {
    cursor: pointer;
}

.title[data-v-dff40464].disabled[data-v-dff40464] {
    opacity: 0.3;
}

.title[data-v-dff40464].expanded[data-v-dff40464] svg.expand[data-v-dff40464] {
    transform: rotate(180deg);
}

.container[data-v-dff40464] {
    border-radius: 8px;
    padding: 12px;
    border: dashed 1px #3b3c4d;
    max-height: calc(100vh - 600px);
    overflow-y: scroll;
}

.container[data-v-dff40464][data-v-dff40464]::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
    padding-right: 4px;
}

.container[data-v-dff40464][data-v-dff40464]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

.container[data-v-dff40464][data-v-dff40464]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

.container[data-v-dff40464][data-v-dff40464]::-webkit-scrollbar-thumb:hover {
    background-color: #777;
}

.container[data-v-dff40464] .item[data-v-dff40464] {
    margin-top: 12px;
}

.container[data-v-dff40464] .item[data-v-dff40464][data-v-dff40464]:first-child {
    margin-top: 0;
}

.container[data-v-dff40464] .item[data-v-dff40464] .number[data-v-dff40464] {
    font-family: Mont;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #1be5ec;
    float: left;
}

.container[data-v-dff40464] .item[data-v-dff40464] .content[data-v-dff40464] {
    padding-left: 24px;
}

.container[data-v-dff40464] .item[data-v-dff40464] .content[data-v-dff40464] .desc[data-v-dff40464] {
    font-size: 12px;
    color: #727485;
}

.container[data-v-dff40464] .item[data-v-dff40464] .content[data-v-dff40464] .prompt[data-v-dff40464] {
    margin-top: 4px;
    color: #fff;
    font-size: 14px;
    -webkit-user-select: text;
    user-select: text;
}

.container[data-v-dff40464] .item[data-v-dff40464] .content[data-v-dff40464] .empty[data-v-dff40464] {
    margin-top: 4px;
    color: #727485;
    font-size: 14px;
}

body.mobile .container .resource[data-v-5a3606d9] {
    width: 100vw;
    height: 100vw;
    min-width: unset;
    min-height: unset;
    margin: 80px 0 16px;
}

body.mobile .container .info[data-v-5a3606d9] {
    margin-top: calc(100vw - 20px);
}

body.mobile .container .info .title-bar[data-v-5a3606d9] {
    position: absolute;
    top: 24px;
}

body.mobile .container .info .content[data-v-5a3606d9] {
    height: auto;
    min-height: unset;
}

body.mobile .container .info .content .scrollable[data-v-5a3606d9] {
    padding: 0;
    margin: 0;
    height: auto;
    max-height: fit-content;
    min-height: 0;
    overflow: visible;
}

body.mobile .container .info .content .scrollable .section_vertical[data-v-5a3606d9] {
    display: block;
}

body.mobile .container .info .content .scrollable .section_vertical .subtitle[data-v-5a3606d9] {
    vertical-align: top;
}

body.mobile .container .info .bottom-bar[data-v-5a3606d9] {
    margin-top: 8px;
    margin-bottom: 0;
}

.container[data-v-5a3606d9] {
    border: 1px solid;
    border-image-source: linear-gradient(69.46deg, #222429 12.13%, #1d1d1d 49.54%, #4f6d6e 101.17%);
}

.container .resource[data-v-5a3606d9] {
    height: 70vh;
    width: 70vh;
    min-height: 620px;
    min-width: 620px;
    background: #1c262b;
    margin-right: 32px;
    float: left;
}

.container .resource .media[data-v-5a3606d9] {
    width: 100%;
    height: 100%;
}

.container .info[data-v-5a3606d9] {
    padding: 32px;
}

.container .info .content[data-v-5a3606d9] {
    height: calc(70vh - 64px);
    min-height: 556px;
}

.container .info .title-bar[data-v-5a3606d9] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    margin-bottom: 30px;
}

.container .info .title-bar .title[data-v-5a3606d9] {
    font-family: PingFang SC;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.container .info .title-bar .tag[data-v-5a3606d9] {
    padding: 2px 8px;
    color: #62a07b;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border-radius: 6px;
    border: 1px solid #405341;
}

.container .info .scrollable[data-v-5a3606d9] {
    height: calc(100% - 108px);
    overflow-y: auto;
    overflow-x: hidden;
}

.container .info .scrollable .section_vertical[data-v-5a3606d9] {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.container .info .scrollable .section_horizontal[data-v-5a3606d9] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.container .info .scrollable .subtitle[data-v-5a3606d9] {
    color: #999bac;
    text-align: justify;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
}

.container .info .scrollable .input-image[data-v-5a3606d9] {
    width: 80px;
    height: 80px;
    border-radius: 8px;
}

.container .info .bottom-bar[data-v-5a3606d9] {
    margin-top: -32px;
    height: 32px;
}

.container .info .bottom-bar button[data-v-5a3606d9] {
    border: solid 1px #3b3c4d;
    background-color: transparent;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 10em;
}

.container .info .bottom-bar button[data-v-5a3606d9]:hover {
    background-color: #1c262b;
}

.container .info .bottom-bar button svg[data-v-5a3606d9] {
    margin: -3px 0 0;
}

.container .info .bottom-bar .button[data-v-5a3606d9] {
    border: solid 1px #3b3c4d !important;
    background-color: transparent !important;
}

.container .info .bottom-bar .star-btn[data-v-5a3606d9] {
    margin-right: 1em;
    border: solid 1px #888;
    border-radius: 10em;
    width: 6em;
    padding-left: 1.5em;
    padding-top: 2px;
    height: 38px;
}

.arrow-container[data-v-5a3606d9] {
    position: absolute;
    width: 100px;
    height: 32px;
    margin-left: -100px;
    height: calc(100vh - 280px);
    min-height: 620px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.arrow-container.right[data-v-5a3606d9] {
    text-align: right;
    top: 0;
    right: 0;
    width: 0;
}

.arrow-button[data-v-5a3606d9] {
    display: inline-block;
    vertical-align: middle;
    width: 54px;
    height: 54px;
    background-color: #191d21;
    border-radius: 10em;
    border: solid 1px #3b3c4d;
    padding: 16px;
    color: #e5e6ee;
    cursor: pointer;
}

.arrow-button.right[data-v-5a3606d9] {
    margin-left: 48px;
}

.arrow-button.right svg[data-v-5a3606d9] {
    transform: rotate(180deg);
}

.arrow-button[data-v-5a3606d9]:hover {
    background-color: #272a2e;
    border-color: #4e4f66;
    color: #fff;
}

.arrow-button[data-v-5a3606d9]:active {
    filter: brightness(0.9);
}

.arrow-button.disabled[data-v-5a3606d9] {
    background-color: #191d21 !important;
    border-color: #212334 !important;
    color: #3b3c4d !important;
}

.arrow-button.disabled[data-v-5a3606d9]:active {
    filter: none;
}

body.mobile .input-image[data-v-5a3606d9] {
    margin-left: 16px;
}

body.mobile .image-list[data-v-5a3606d9] {
    margin-top: 16px;
}

.image-list[data-v-5a3606d9] {
    margin-right: -8px;
    line-height: 0;
    font-size: 0;
}

.image-list img[data-v-5a3606d9] {
    width: 88px;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 12px;
}

.bottom-bar.__detail_work_bottom_bar button.primary.el-tooltip__trigger.el-tooltip__trigger {
    float: right;
}

body.mobile .el-dialog.detail-dialog {
    width: 100vw !important;
    min-width: unset;
    background: none !important;
    border-radius: 0;
    margin-left: 0;
    border: none !important;
}

body.mobile .el-dialog.detail-dialog .el-icon.el-dialog__close {
    margin-top: 0;
}

body.mobile .arrow-button {
    display: none;
}

.el-dialog.detail-dialog {
    padding: 0 !important;
    width: calc((100vh - 280px) * 1.6) !important;
    min-width: 1100px;
    min-height: 620px;
}

.el-dialog.c-dialog {
    padding: 0 !important;
    width: 500px;
    min-height: inherit;
}

.detail-dialog .el-dialog__body {
    margin-top: -16px;
    border-radius: 18px;
    overflow: hidden;
}

.detail-dialog .el-dialog__headerbtn {
    margin-top: 16px;
}

.detail-dialog .el-icon.el-dialog__close {
    margin-top: 12px;
    margin-left: -24px;
}

.detail-dialog .el-icon.el-dialog__close svg {
    width: 28px;
    height: 28px;
}

.qr-list[data-v-aff9834c] {
    float: right;
}

.qr-list[data-v-aff9834c] .qr[data-v-aff9834c] img[data-v-aff9834c] {
    width: 112px;
    height: 112px;
}

body.mobile .qr-list[data-v-aff9834c] {
    display: block;
    height: 100px;
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

body.mobile .copyright[data-v-aff9834c] {
    margin-left: 20px;
}

body.mobile .copyright[data-v-aff9834c] .content[data-v-aff9834c] .logo[data-v-aff9834c] {
    display: none;
}

body.mobile .copyright[data-v-aff9834c] .content[data-v-aff9834c] .list[data-v-aff9834c] {
    margin-right: 48px;
    padding: 0;
}

body.mobile .copyright[data-v-aff9834c] .content[data-v-aff9834c] .qr[data-v-aff9834c] {
    float: none;
}

body.mobile .copyright[data-v-aff9834c].bottom[data-v-aff9834c] {
    margin-right: 20px;
    margin-bottom: 200px;
}

.copyright[data-v-aff9834c] {
    font-size: 14px;
    margin-top: 4em;
    padding-top: 3em;
}

.copyright[data-v-aff9834c].first[data-v-aff9834c] {
    border-top: solid 1px #333;
}

.copyright[data-v-aff9834c].bottom[data-v-aff9834c] {
    font-size: 12px;
    color: #4e495a;
    text-align: center;
    margin-bottom: 3em;
}

.copyright[data-v-aff9834c].bottom[data-v-aff9834c] p[data-v-aff9834c] {
    margin-bottom: 0.2em;
}

.copyright[data-v-aff9834c].bottom[data-v-aff9834c] a[data-v-aff9834c] {
    margin-left: 1em;
    margin-right: 1em;
}

.copyright[data-v-aff9834c] .content[data-v-aff9834c] {
    margin-right: 3em;
}

.copyright[data-v-aff9834c] .content[data-v-aff9834c] .logo[data-v-aff9834c] {
    vertical-align: top;
    display: inline-block;
    margin-right: 5em;
}

.copyright[data-v-aff9834c] .content[data-v-aff9834c] .list[data-v-aff9834c] {
    vertical-align: top;
    margin-right: 5em;
    display: inline-block;
}

.copyright[data-v-aff9834c] .content[data-v-aff9834c] .list[data-v-aff9834c] h3[data-v-aff9834c] {
    font-size: 18px;
    margin-bottom: 2em;
    color: #fff;
}

.copyright[data-v-aff9834c] .content[data-v-aff9834c] .list[data-v-aff9834c] p[data-v-aff9834c] {
    margin-bottom: 1em;
}

.copyright[data-v-aff9834c] .content[data-v-aff9834c] .list[data-v-aff9834c] p[data-v-aff9834c] svg[data-v-aff9834c] {
    margin-bottom: -2px;
}

.copyright[data-v-aff9834c] .content[data-v-aff9834c] .qr[data-v-aff9834c] {
    float: right;
    text-align: center;
    margin-left: 2em;
}

.copyright[data-v-aff9834c] .content[data-v-aff9834c] .qr[data-v-aff9834c] div.img[data-v-aff9834c] {
    border-radius: 8px;
    background-color: #fff;
    padding: 2px;
    line-height: 0;
    margin-bottom: 1em;
}

.copyright[data-v-aff9834c] a[data-v-aff9834c] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.4s;
}

.copyright[data-v-aff9834c] a[data-v-aff9834c][data-v-aff9834c]:hover {
    color: #fff;
}

img.police[data-v-aff9834c] {
    width: 16px;
    height: 16px;
    margin-bottom: -4px;
}

.tabs[data-v-42f1728a] {
    pointer-events: all;
    width: 400px;
    margin-left: 20px;
    height: var(--top-navigation-height);
    margin-top: 30px;
    margin-bottom: -12px;
    padding-top: 18px;
}

.tabs[data-v-42f1728a].c_title * {
    color: #fff !important;
    -webkit-text-fill-color: inherit !important;
    font-size: 18px;
}

.tabs[data-v-42f1728a].c_title .bar {
    display: none;
}

.tabs[data-v-42f1728a].mobile[data-v-42f1728a] {
    background-color: var(--main-background);
}

body.mobile .waterfall[data-v-42f1728a] {
    margin-right: 10px;
}

.waterfall[data-v-42f1728a] {
    margin-left: 4px;
    margin-right: 20px;
}

.bottom[data-v-42f1728a] {
    text-align: center;
}

.bottom[data-v-42f1728a] div[data-v-42f1728a]:first-child {
    margin-bottom: 2em;
}

.bottom[data-v-42f1728a] button[data-v-42f1728a] {
    font-size: 18px;
    padding: 8px 16px;
    width: 12em;
    height: auto;
}

.bottom[data-v-42f1728a] button[data-v-42f1728a] svg[data-v-42f1728a] {
    margin-bottom: 2px;
    margin-right: 0 !important;
}

.el-dropdown-menu[data-v-42f1728a] {
    background-color: transparent;
}

.filter-box-container[data-v-42f1728a] {
    margin-top: -36px;
    margin-right: 32px;
    float: right;
}

.filter-box-container[data-v-42f1728a] .filter-box[data-v-42f1728a] {
    cursor: pointer;
    float: right;
    font-size: 14px;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 16px;
    padding-right: 8px;
    height: 32px;
}

.filter-box-container[data-v-42f1728a] .filter-box[data-v-42f1728a] span[data-v-42f1728a] {
    color: #fff;
    margin-right: 0.4em;
}

.filter-box-container[data-v-42f1728a] .filter-box[data-v-42f1728a] svg[data-v-42f1728a] {
    margin-left: 0.3em;
    width: 12px !important;
    height: 12px !important;
    margin-right: 0 !important;
}

.filter-box-container[data-v-42f1728a] .filter-box[data-v-42f1728a][data-v-42f1728a]:hover {
    color: #fff;
}

.filter-box-container[data-v-42f1728a] .filter-box[data-v-42f1728a][data-v-42f1728a]:hover svg[data-v-42f1728a] {
    color: #fff;
}

h1[data-v-2e1bc312] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
}

.content[data-v-2e1bc312] {
    margin-top: 24px;
    padding: 24px 0;
}

.content[data-v-2e1bc312] p[data-v-2e1bc312] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.content[data-v-2e1bc312] p[data-v-2e1bc312] a[data-v-2e1bc312] {
    color: #82fac2;
    text-decoration: none;
}

.content[data-v-2e1bc312] .qrs[data-v-2e1bc312] {
    width: 100%;
    margin-top: 32px;
    text-align: center;
}

.content[data-v-2e1bc312] .qrs[data-v-2e1bc312] .qr[data-v-2e1bc312] {
    display: inline-block;
    margin-right: 48px;
    margin-bottom: 24px;
}

.content[data-v-2e1bc312] .qrs[data-v-2e1bc312] .qr[data-v-2e1bc312][data-v-2e1bc312]:last-child {
    margin-right: 0;
}

.content[data-v-2e1bc312] .qrs[data-v-2e1bc312] .qr[data-v-2e1bc312] .img[data-v-2e1bc312] {
    width: 128px;
    height: 128px;
    padding: 4px;
    border-radius: 12px;
    background-color: #fff;
}

.content[data-v-2e1bc312] .qrs[data-v-2e1bc312] .qr[data-v-2e1bc312] .img[data-v-2e1bc312] img[data-v-2e1bc312] {
    width: 100%;
}

.content[data-v-2e1bc312] .qrs[data-v-2e1bc312] .qr[data-v-2e1bc312] p[data-v-2e1bc312] {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

.el-avatar {
    --el-avatar-text-color: var(--el-color-white);
    --el-avatar-bg-color: var(--el-text-color-disabled);
    --el-avatar-text-size: 14px;
    --el-avatar-icon-size: 18px;
    --el-avatar-border-radius: var(--el-border-radius-base);
    --el-avatar-size-large: 56px;
    --el-avatar-size-small: 24px;
    --el-avatar-size: 40px;
    align-items: center;
    background: var(--el-avatar-bg-color);
    box-sizing: border-box;
    color: var(--el-avatar-text-color);
    display: inline-flex;
    font-size: var(--el-avatar-text-size);
    height: var(--el-avatar-size);
    justify-content: center;
    overflow: hidden;
    text-align: center;
    width: var(--el-avatar-size);
}

.el-avatar > img {
    display: block;
    height: 100%;
    width: 100%;
}

.el-avatar--circle {
    border-radius: 50%;
}

.el-avatar--square {
    border-radius: var(--el-avatar-border-radius);
}

.el-avatar--icon {
    font-size: var(--el-avatar-icon-size);
}

.el-avatar--small {
    --el-avatar-size: 24px;
}

.el-avatar--large {
    --el-avatar-size: 56px;
}

.header[data-v-150a9040] {
    width: 100%;
    height: 200px;
    position: relative;
    padding-top: 0;
    margin-top: 64px;
    margin-bottom: -40px;
}

.header[data-v-150a9040] .back[data-v-150a9040] {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 200px;
}

.header[data-v-150a9040] .fore[data-v-150a9040] {
    text-align: center;
    padding-top: 60px;
    position: absolute;
    width: 100%;
    height: 200px;
}

.header[data-v-150a9040] .content[data-v-150a9040] {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.header[data-v-150a9040] .content[data-v-150a9040] .user-desc[data-v-150a9040] {
    display: inline-block;
}

.header[data-v-150a9040] .content[data-v-150a9040] .avatar[data-v-150a9040] {
    float: left;
    margin-right: 24px;
}

.header[data-v-150a9040] .content[data-v-150a9040] .name[data-v-150a9040] {
    margin-top: 10px;
    line-height: 32px;
    font-size: 24px;
    color: #fff;
    white-space: nowrap;
}

.header[data-v-150a9040] .content[data-v-150a9040] .info[data-v-150a9040] {
    font-size: 16px;
    white-space: nowrap;
    color: #fff;
}

.header[data-v-150a9040] .content[data-v-150a9040] .info[data-v-150a9040] b[data-v-150a9040] {
    font-weight: 400;
    font-family: Mont;
}

.header[data-v-150a9040] .content[data-v-150a9040] .info[data-v-150a9040] span[data-v-150a9040] {
    margin-right: 1em;
}

ol.menu[data-v-150a9040] {
    margin: 48px 0 0;
    padding: 0;
    list-style: none;
}

ol.menu[data-v-150a9040] li[data-v-150a9040] {
    padding: 16px 32px 12px;
    font-size: 14px;
    line-height: 24px;
    border-bottom: solid 1px #222;
}

ol.menu[data-v-150a9040] li[data-v-150a9040][data-v-150a9040]:active {
    background-color: #fff1;
}

ol.menu[data-v-150a9040] li[data-v-150a9040] svg[data-v-150a9040] {
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 16px;
}

ol.menu[data-v-150a9040] li[data-v-150a9040][data-v-150a9040]:last-child {
    text-align: center;
    padding-bottom: 16px;
}

.el-popover {
    --el-popover-bg-color: var(--el-bg-color-overlay);
    --el-popover-font-size: var(--el-font-size-base);
    --el-popover-border-color: var(--el-border-color-lighter);
    --el-popover-padding: 12px;
    --el-popover-padding-large: 18px 20px;
    --el-popover-title-font-size: 16px;
    --el-popover-title-text-color: var(--el-text-color-primary);
    --el-popover-border-radius: 4px;
}

.el-popover.el-popper {
    background: var(--el-popover-bg-color);
    border: 1px solid var(--el-popover-border-color);
    border-radius: var(--el-popover-border-radius);
    box-shadow: var(--el-box-shadow-light);
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    font-size: var(--el-popover-font-size);
    line-height: 1.4;
    min-width: 150px;
    overflow-wrap: break-word;
    padding: var(--el-popover-padding);
    z-index: var(--el-index-popper);
}

.el-popover.el-popper--plain {
    padding: var(--el-popover-padding-large);
}

.el-popover__title {
    color: var(--el-popover-title-text-color);
    font-size: var(--el-popover-title-font-size);
    line-height: 1;
    margin-bottom: 12px;
}

.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing) {
    outline-width: 0;
}

.el-popover.el-popper.is-dark {
    --el-popover-bg-color: var(--el-text-color-primary);
    --el-popover-border-color: var(--el-text-color-primary);
    --el-popover-title-text-color: var(--el-bg-color);
    color: var(--el-bg-color);
}

.el-popover.el-popper:focus,
.el-popover.el-popper:focus:active {
    outline-width: 0;
}

.panel[data-v-2d3beec0] {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background: linear-gradient(196.58deg, #39545a99 2.65%, #171b21, #19242c 90.18%);
    border: solid 1px #1e3139;
    border-radius: 16px;
    padding: 16px;
    width: 452px;
    margin-bottom: 12px;
    overflow-x: hidden;
    overflow-y: hidden;
}

body.mobile .panel[data-v-2d3beec0] {
    width: 100%;
}

.title[data-v-184dc6b6] {
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.title[data-v-184dc6b6] svg[data-v-184dc6b6]:first-child {
    width: 24px;
    height: 24px;
}

.title[data-v-184dc6b6] span[data-v-184dc6b6] {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    padding-left: 6px;
    vertical-align: middle;
    color: #fff;
}

.title[data-v-184dc6b6] .info-btn[data-v-184dc6b6] {
    margin-left: 0.5em;
    margin-top: 1px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.title[data-v-184dc6b6] .desc[data-v-184dc6b6] {
    font-size: 14px;
    color: #999bac;
}

.content[data-v-184dc6b6] {
    color: #727485;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

body.mobile .like-popover {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100vw - 30px) !important;
}

.like-popover div.el-popover__title {
    font-size: 18px !important;
    margin-left: 1.8em !important;
}

.icon[data-v-f951468c] {
    margin-top: -33px;
    color: #72e528;
}

.buttons[data-v-f951468c] {
    text-align: right;
    margin-top: 16px;
}

body.mobile .tags[data-v-f951468c] span[data-v-f951468c] {
    width: 92px;
}

.tags[data-v-f951468c] {
    margin-top: 16px;
    margin-bottom: 8px;
    line-height: 24px;
    font-size: 14px;
    margin-right: -10px;
}

.tags[data-v-f951468c] span[data-v-f951468c] {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 8px;
    background-color: #121212;
    border-radius: 4px;
    border: solid 1px transparent;
    padding: 0 8px;
    width: 132px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

.tags[data-v-f951468c] span[data-v-f951468c][data-v-f951468c]:hover {
    background-color: #292828;
}

.tags[data-v-f951468c] span[data-v-f951468c].active[data-v-f951468c] {
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #121212, #121212), linear-gradient(86.68deg, #72e528, #1be5ec);
}

.tags[data-v-f951468c] span[data-v-f951468c].active[data-v-f951468c][data-v-f951468c]:hover {
    background-image: linear-gradient(to right, #292828, #292828), linear-gradient(86.68deg, #72e528, #1be5ec);
}

.reasons[data-v-f951468c] textarea[data-v-f951468c] {
    font-family: inherit;
    width: 100%;
    border-radius: 10px;
    padding: 12px 16px;
    color: #fff;
    background-color: var(--main-background);
    resize: none;
    border: none;
    font-size: 14px;
    overflow: hidden;
    line-height: 24px;
}

.unmark[data-v-f951468c] {
    position: absolute;
}

.issue-pick[data-v-f951468c] .mark-ops[data-v-f951468c] {
    position: absolute;
    text-align: center;
}

.issue-pick[data-v-f951468c] p[data-v-f951468c] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #727485;
    margin-top: 8px;
    margin-bottom: 8px;
}

.issue-pick[data-v-f951468c] .content[data-v-f951468c] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    padding: 12px 16px;
    border: 1px dashed #3b3c4d;
    border-radius: 8px;
    margin-bottom: 12px;
    -webkit-user-select: text;
    user-select: text;
    min-height: 120px;
    max-height: 360px;
    overflow-y: visible;
}

.dislike-selectable-content::selection {
    background-color: #49756380;
    outline: solid 1px #497563;
}

.dislike-selectable-content i {
    font-style: normal;
    background-color: #638d7b;
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
}

.dislike-selectable-content i:hover {
    background-color: #779b8b;
}

.selectbox[data-v-85fb6998] {
    pointer-events: none;
    width: var(--item-width);
    height: var(--item-height);
    position: absolute;
    border-radius: 12px;
    outline: solid 5px #141414;
    outline-offset: -6px;
    border: solid 5px var(--theme-color-primary);
}

body.mobile .item-container .preview.star[data-v-85fb6998] {
    opacity: 1;
}

.item-container[data-v-85fb6998] {
    width: var(--item-width);
    height: var(--item-height);
    position: relative;
    background: linear-gradient(135deg, #222, #2f2f2f 30%, #111);
}

.item-container .preview.delete[data-v-85fb6998],
.item-container .preview.star[data-v-85fb6998] {
    transition: all 0.2s;
    opacity: 0;
}

.item-container .preview.star.filled[data-v-85fb6998] {
    opacity: 1;
}

.item-container:hover .preview.delete[data-v-85fb6998],
.item-container:hover .preview.star[data-v-85fb6998] {
    opacity: 1;
    z-index: 10;
}

.preview[data-v-85fb6998] {
    position: absolute;
    width: var(--item-width);
    height: var(--item-height);
}

.preview .full[data-v-85fb6998] {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.preview .back[data-v-85fb6998] {
    border-radius: 0 !important;
    position: absolute;
    background-position: center;
    background-size: cover;
}

.preview .video[data-v-85fb6998] {
    position: absolute;
}

.preview .video video[data-v-85fb6998] {
    width: 100%;
    height: 100%;
}

.preview .blur[data-v-85fb6998] {
    position: absolute;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background: #00000080;
}

.preview .fore[data-v-85fb6998] {
    position: absolute;
    object-fit: contain;
    object-position: center;
}

.tags[data-v-85fb6998] {
    position: absolute;
    font-size: 12px;
    color: #fff;
    padding: calc(var(--item-height) - 120px + 87px) 8px 8px 8px;
}

.tags.link[data-v-85fb6998] {
    padding-top: 8px;
}

.tags.link .button[data-v-85fb6998] {
    font-size: 12px;
    height: 30px;
    border-radius: 10em;
    padding: 4px 8px;
}

.tags.link .button svg[data-v-85fb6998] {
    width: 16px;
    height: 16px;
}

.tags.select[data-v-85fb6998] {
    padding-top: 7px;
    padding-left: 10px;
    width: auto;
    height: 44px;
}

.tags.select .button[data-v-85fb6998] {
    background: transparent !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.tags.star[data-v-85fb6998] {
    padding-top: 8px;
    margin-left: calc(var(--item-width) - 41px);
    width: auto;
    height: auto;
    overflow: hidden;
}

.tags.star .button[data-v-85fb6998] {
    padding-top: 5px;
    padding-left: 5px;
    background: none;
    border: none;
    width: 30px !important;
    height: 30px !important;
}

.tags.star .button.active[data-v-85fb6998] {
    color: #ffc400;
}

.tags.delete[data-v-85fb6998] {
    position: absolute;
    z-index: 10;
    padding-top: 0;
    margin-left: calc(var(--item-width) - 44px);
    width: auto;
    height: auto;
}

.tags.delete .button[data-v-85fb6998] {
    font-size: 12px;
    color: #000;
    background-color: var(--theme-color-primary);
    height: 30px;
    border-radius: 0 0 0 12px;
    padding: 4px 8px;
}

.tags.delete .button svg[data-v-85fb6998] {
    width: 16px;
    height: 16px;
}

.tags div[data-v-85fb6998] {
    border-radius: 6px;
    padding: 3px 6px;
    background: #2e2f3388;
    display: inline-block;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.progress[data-v-85fb6998] {
    width: var(--item-width);
    height: var(--item-height);
    text-align: center;
    position: absolute;
}

.progress-content[data-v-85fb6998] {
    background-color: #191d21;
}

.progress-content .bg[data-v-85fb6998] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.3;
}

.progress-content .content[data-v-85fb6998] {
    width: 100%;
    height: 100%;
    position: absolute;
    vertical-align: middle;
    padding-top: calc((var(--item-height) - 120px) / 2 + 48px);
}

.progress-content .content .title[data-v-85fb6998] {
    font-size: 12px;
    color: #c5c7d5;
    text-align: center;
}

.progress-content .content .title a[data-v-85fb6998] {
    color: var(--theme-color-primary);
}

.progress-content .content .title a[data-v-85fb6998]:hover {
    color: #fff;
}

.progress-content .content .title.clickable[data-v-85fb6998] {
    margin-top: 4px;
}

.progress-content .content .desc[data-v-85fb6998] {
    font-size: 12px;
    color: #999bac;
    text-align: center;
}

.progress-content .content .debug[data-v-85fb6998] {
    display: none;
}

.design-history-compact[data-v-85fb6998] {
    width: var(--item-width);
    height: var(--item-height);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: filter 0.2s;
    filter: brightness(1);
}

.design-history-compact[data-v-85fb6998]:hover {
    filter: brightness(1.05);
}

.design-history-compact[data-v-85fb6998]:active {
    filter: brightness(0.9);
}

.design-history-expanded[data-v-85fb6998] {
    width: 518px;
}

.design-history-expanded .title[data-v-85fb6998] {
    color: #c5c7d5;
    height: 34px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.design-history-expanded .title .bar[data-v-85fb6998] {
    background-color: var(--theme-color-primary);
    width: 4px;
    height: 14px;
    border-radius: 10em;
    margin-bottom: 2px;
    margin-right: 8px;
    margin-top: 1px;
    float: left;
}

.design-history-expanded .title.has-ref-image[data-v-85fb6998] {
    height: 28px;
    margin-bottom: 9px;
    line-height: 28px;
}

.design-history-expanded .title .ref-image[data-v-85fb6998] {
    border-radius: 6px;
    height: 28px;
    overflow: hidden;
    float: left;
    margin-right: 12px;
}

.design-history-expanded .title .ref-image img[data-v-85fb6998] {
    width: 28px;
    height: 28px;
    object-fit: cover;
}

.design-history-expanded:hover .design-history-detail .delete[data-v-85fb6998] {
    opacity: 1;
}

.design-history-expanded .design-history-detail[data-v-85fb6998] {
    width: 516px;
    height: 290px;
    border-radius: 16px;
    position: relative;
    line-height: 0;
}

.design-history-expanded .design-history-detail .select[data-v-85fb6998] {
    margin-top: -286px;
    height: auto !important;
    width: auto !important;
    left: 2px;
}

.design-history-expanded .design-history-detail.filled .star[data-v-85fb6998] {
    opacity: 1;
}

.design-history-expanded .design-history-detail .star[data-v-85fb6998] {
    margin-top: -286px;
    margin-left: 0;
    opacity: 0;
    text-align: right;
}

.design-history-expanded .design-history-detail .star.filled[data-v-85fb6998],
.design-history-expanded .design-history-detail:hover .star[data-v-85fb6998] {
    opacity: 1;
}

.design-history-expanded .design-history-detail .delete[data-v-85fb6998] {
    opacity: 0;
    transition: all 0.2s;
    margin-top: -290px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 16px;
    height: auto !important;
    width: auto !important;
    right: -8px;
}

.design-history-expanded .design-history-detail .delete .button[data-v-85fb6998] {
    border-top-right-radius: 16px;
}

.design-history-expanded .design-history-detail .bg[data-v-85fb6998] {
    border-radius: 20px;
}

.design-history-expanded .design-history-detail .content[data-v-85fb6998] {
    width: 100%;
    padding-top: 132.5px;
}

.design-history-expanded .design-history-detail .full[data-v-85fb6998] {
    width: 516px;
    height: 290px;
    border-radius: 16px;
}

.design-history-expanded .design-history-detail .back[data-v-85fb6998] {
    position: absolute;
    background-position: center;
    background-size: cover;
}

.design-history-expanded .design-history-detail .blur[data-v-85fb6998] {
    background: #0007;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.design-history-expanded .design-history-detail .play[data-v-85fb6998] {
    position: absolute;
    margin-top: -290px;
    cursor: pointer;
    color: #fff;
    transition: all 0.4s;
}

.design-history-expanded .design-history-detail .play[data-v-85fb6998]:hover {
    background-color: #0004;
}

.design-history-expanded .design-history-detail .play svg[data-v-85fb6998] {
    margin-top: 127.5px;
    margin-left: 250px;
}

.design-history-expanded .design-history-detail .play svg[data-v-85fb6998]:hover {
    color: var(--theme-color-primary);
}

.design-history-expanded .design-history-detail .play svg[data-v-85fb6998]:active {
    filter: brightness(0.9);
}

.design-history-expanded .design-history-detail img.design-history-video[data-v-85fb6998] {
    object-fit: contain;
    object-position: center;
}

.design-history-expanded .design-history-detail .design-history-video[data-v-85fb6998] {
    position: absolute;
    border-radius: 16px;
    width: 516px;
    height: 290px;
    margin-top: -290px;
}

.design-history-toolbar[data-v-85fb6998] {
    margin-top: 8px;
    padding-top: 1px;
}

.design-history-toolbar .button[data-v-85fb6998] {
    color: #c5c7d5;
    background-color: #1f2429 !important;
}

.design-history-toolbar .button[data-v-85fb6998]:hover {
    color: #fff;
    background-color: #2e363d !important;
}

.empty-item[data-v-85fb6998] {
    padding-top: 1em;
}

.empty-item.expanded[data-v-85fb6998] {
    padding-top: 2em;
}

.hd-tag[data-v-85fb6998] {
    pointer-events: all;
    display: inline-block;
    height: 24px;
    width: 24px;
    padding: 4px !important;
    line-height: 16px;
    font-size: 0;
    vertical-align: top;
    margin-left: 8px;
}

.hd-tag svg[data-v-85fb6998] {
    font-size: 0;
    width: 16px;
    height: 16px;
}

.ref-image-popover-content[data-v-85fb6998] {
    padding-top: 6px;
    margin-right: -12px;
}

.ref-image-popover-content.ref-image-2[data-v-85fb6998] {
    min-width: 496px;
}

.ref-image-popover-content .cross[data-v-85fb6998] {
    position: absolute;
    margin-left: 223px;
    margin-top: 106px;
}

.ref-image-popover-content .ref-image-large[data-v-85fb6998] {
    display: inline-block;
    margin-right: 12px;
}

.ref-image-popover-content .ref-image-large img[data-v-85fb6998] {
    border-radius: 4px;
    width: 240px;
    height: 240px;
    object-fit: cover;
    object-position: center;
}

.ref-image-popover-content .ref-image-large .title[data-v-85fb6998] {
    width: 240px;
    font-size: 14px;
    color: #c5c7d5;
    line-height: 24px;
    text-align: center;
}

.el-popper.__task_item_tip span {
    -webkit-user-select: text;
    user-select: text;
}

.el-popper.__task_item_tip .el-popper__arrow {
    display: none !important;
}

.task-item-price-div {
    vertical-align: middle;
    margin-bottom: 4px;
}

body.mobile .link-popover {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100vw - 30px) !important;
}

.el-popper.is-dark.el-popover.link-popover {
    padding: 16px;
    border: 1px solid #2e3136 !important;
    background: #0d1116 !important;
}

.el-popper.is-dark.el-popover.link-popover div.el-popover__title {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 32px !important;
}

.content[data-v-cdc0ff8f] {
    margin-bottom: 8px;
}

.content[data-v-cdc0ff8f] .error[data-v-cdc0ff8f] {
    width: 120px;
    height: 120px;
    text-align: center;
    padding-top: 42px;
}

.content[data-v-cdc0ff8f] .loading[data-v-cdc0ff8f] {
    text-align: center;
    width: 120px;
    height: 120px;
    padding-top: 42px;
    background: #222;
    border-radius: 8px;
}

.delete-dialog .el-dialog__body {
    margin: 0 36px 18px !important;
}

.delete-dialog .el-icon.el-dialog__close {
    margin-top: 0;
    margin-right: -12px;
}

.delete-dialog .el-icon.el-dialog__close svg {
    width: 20px;
    height: 20px;
}

.empty-container[data-v-3f668101] {
    transition: all 0.4s;
    text-align: center;
}

.empty-container[data-v-3f668101] .empty[data-v-3f668101] {
    display: inline-block;
}

.empty-container[data-v-3f668101] .empty[data-v-3f668101] .buttons[data-v-3f668101] {
    margin-top: 32px;
    text-align: center;
    margin-right: -16px;
}

.empty-container[data-v-3f668101] .empty[data-v-3f668101] .buttons[data-v-3f668101] button[data-v-3f668101] {
    margin-right: 16px;
}

.container[data-v-3f668101] {
    line-height: 0px;
    margin-right: -12px;
    margin-bottom: 60px;
}

.container[data-v-3f668101] .item[data-v-3f668101] {
    line-height: 18px;
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 16px;
}

.delete-dialog .dialog-footer[data-v-3f668101] {
    text-align: right;
}

.bottom-placeholder[data-v-3f668101] {
    height: 120px;
}

.combo-title[data-v-1aa99e98] {
    margin-top: 5px;
    padding-right: 0;
    margin-right: -10px;
    font-size: 16px !important;
    font-weight: 500 !important;
    --el-font-size-base: 16px !important;
    line-height: 17px !important;
}

.combo-title div[data-v-1aa99e98] {
    overflow: hidden;
    display: inline-block;
}

.combo-title svg[data-v-1aa99e98] {
    margin-left: 2px;
    margin-bottom: 1px;
}

.combo-title.title-only[data-v-1aa99e98] {
    color: #fff;
}

body.mobile .design-history-with-handle .design-history-handle[data-v-1aa99e98] {
    display: none;
}

body.mobile .design-history-with-handle .design-history-container[data-v-1aa99e98] {
    width: calc(100vw - 32px) !important;
    border: none;
    padding: 0;
    margin-right: -4px;
    border-radius: 0;
}

.design-history-with-handle[data-v-1aa99e98] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    right: 31px;
    position: absolute;
}

.design-history-with-handle .design-history-handle[data-v-1aa99e98] {
    position: absolute;
    width: 24px;
    height: 37px;
    margin-top: calc((100vh - 200px) / 2);
    margin-left: -39px;
    padding-top: 4px;
    border-radius: 100px 0 0 100px;
    border: 1px solid #2e3136;
    background-color: #0d1116;
    cursor: pointer;
}

.design-history-with-handle .design-history-handle a[data-v-1aa99e98] {
    margin-top: -4px;
    padding-top: 4px;
    border-radius: 100px 0 0 100px;
    height: 36px;
    display: block;
    position: absolute;
    background: #0d1116;
    color: var(--theme-color-primary);
}

.design-history-with-handle .design-history-handle a[data-v-1aa99e98]:hover {
    color: #fff;
}

.design-history-with-handle .design-history-container[data-v-1aa99e98] {
    border-style: solid;
    border-color: #2e3136;
    border-width: 1px 1px 0 1px;
    height: calc(100% - 30px);
    border-radius: 12px 12px 0 0;
    padding: 16px 15px 15px;
    margin: -24px 0 0;
    background-color: #0d1116;
    overflow-y: hidden;
    transition: width 0.2s;
}

.design-history-with-handle .design-history-container .design-history-top-bar[data-v-1aa99e98] {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.design-history-with-handle .design-history-container .design-history-top-bar a[data-v-1aa99e98] {
    margin-left: 0;
    margin-right: 0;
}

.design-history-with-handle .design-history-container .design-history-top-bar .design-history-title[data-v-1aa99e98] {
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    flex-grow: 1;
}

.design-history-with-handle .design-history-container .design-history-list[data-v-1aa99e98] {
    margin-top: 10px;
    height: 100%;
    overflow-x: hidden;
}

.design-history-with-handle .design-history-container .design-history-list .design-history-empty[data-v-1aa99e98] {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.design-history-tasks[data-v-1aa99e98] {
    margin-right: -10px;
}

.design-history-tasks .item[data-v-1aa99e98] {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 11px;
}

.handle[data-v-1aa99e98] {
    transition: all 0.4s;
}

.handle.shrink[data-v-1aa99e98] {
    transform: rotate(180deg);
}

.el-dropdown-menu[data-v-1aa99e98] {
    background-color: transparent;
}

.disabled-view-btn[data-v-1aa99e98] {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    margin-top: 2px;
    height: 18px;
}

.disabled-view-btn svg[data-v-1aa99e98] {
    vertical-align: middle;
    margin-bottom: 4px;
}

.disabled-view-btn span[data-v-1aa99e98] {
    margin-left: 4px;
}

.detail-btn[data-v-e1c3b536] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    cursor: pointer;
}

.detail-btn[data-v-e1c3b536] svg[data-v-e1c3b536] {
    margin-left: 4px;
    vertical-align: middle;
    transform: rotate(180deg);
    transition: transform 0.4s;
    margin-top: -1px;
}

.detail-btn[data-v-e1c3b536][data-v-e1c3b536]:hover {
    color: var(--theme-color-hover);
}

.detail-btn[data-v-e1c3b536][data-v-e1c3b536]:hover svg[data-v-e1c3b536] {
    transform: rotate(0);
}

.detail[data-v-e1c3b536] {
    padding: 4px 0;
}

.detail[data-v-e1c3b536] h4[data-v-e1c3b536] {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
}

.detail[data-v-e1c3b536] ol[data-v-e1c3b536] {
    border: 1px dashed #3b3c4d;
    border-radius: 8px;
    margin: 12px 0;
    padding: 12px 16px;
    list-style: none;
}

.detail[data-v-e1c3b536] ol[data-v-e1c3b536] li[data-v-e1c3b536] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    min-width: 160px;
    margin-top: 8px;
    color: #fff;
}

.detail[data-v-e1c3b536] ol[data-v-e1c3b536] li[data-v-e1c3b536][data-v-e1c3b536]:first-child {
    margin-top: 0;
}

.detail[data-v-e1c3b536] ol[data-v-e1c3b536] li[data-v-e1c3b536] i[data-v-e1c3b536] {
    margin-left: 32px;
    float: right;
    font-style: normal;
}

.detail[data-v-e1c3b536] ol[data-v-e1c3b536] li[data-v-e1c3b536].factor[data-v-e1c3b536] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: dashed 1px #4e5062;
}

.detail[data-v-e1c3b536] .sum[data-v-e1c3b536] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: right;
}

.el-popper.cost-detail {
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    background: linear-gradient(251.63deg, #1b2829 -5.05%, #171b21 45.55%, #191d23 90.29%),
        linear-gradient(69.46deg, #323639 12.13%, #1d1d1d 49.54%, #262a2f 78.46%, #4f6d6e 101.17%) !important;
    border: 1px solid #262a2f !important;
}

.el-popper.cost-detail .el-popper__arrow:before {
    display: none;
}

.button-pay-container[data-v-7eff608e] {
    display: inline-block;
}

.button-pay-container[data-v-7eff608e] .cost-detail[data-v-7eff608e] {
    position: absolute;
    text-align: center;
}

.button-pay-container[data-v-7eff608e] .cost-detail[data-v-7eff608e] .btn[data-v-7eff608e] {
    display: inline-block;
}

.price[data-v-7eff608e] {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
    line-height: 14px;
    vertical-align: middle;
    margin-bottom: 1.5px;
}

.price[data-v-7eff608e] .num[data-v-7eff608e] {
    margin-left: 0;
    margin-right: 3px;
    vertical-align: top;
}

.main[data-v-7565cb57] {
    min-width: var(--body-min-width);
    height: 100vh;
    background-color: var(--main-background);
}

.main[data-v-7565cb57] .background[data-v-7565cb57] {
    position: absolute;
    left: 0;
    top: 0;
}

body.mobile .main[data-v-7565cb57] .background[data-v-7565cb57] {
    display: none;
}

.designer-component[data-v-7565cb57] {
    margin-top: calc(var(--top-navigation-height));
    height: calc(100% - var(--top-navigation-height));
}

body.mobile .property-panel[data-v-7565cb57] {
    padding-left: 16px;
    width: 100%;
    padding-top: 0;
}

body.mobile .property-panel[data-v-7565cb57] .placeholder[data-v-7565cb57] {
    height: 136px;
}

.property-panel[data-v-7565cb57] {
    float: left;
    padding: 132px 16px 0 30px;
    overflow-y: scroll;
}

.property-panel[data-v-7565cb57][data-v-7565cb57]::-webkit-scrollbar {
    width: 0px;
}

.property-panel[data-v-7565cb57] .placeholder[data-v-7565cb57] {
    height: 120px;
}

body.mobile .preview-panel[data-v-7565cb57] {
    padding-left: 0;
    padding-right: 0;
    width: 100vw;
}

.preview-panel[data-v-7565cb57] {
    position: absolute;
    width: 100%;
    padding-left: 490px;
    padding-right: 250px;
    min-width: var(--body-min-width);
    text-align: center;
    overflow: hidden;
}

.preview-panel[data-v-7565cb57] .main-content[data-v-7565cb57] {
    height: calc(100% - 3em);
}

body.mobile .history-panel[data-v-7565cb57] {
    margin-right: -12px !important;
}

.history-panel[data-v-7565cb57] {
    position: relative;
    float: right;
    margin-right: 0;
}

body.mobile .bottom[data-v-7565cb57] {
    bottom: 0;
    margin-left: -41px;
    width: calc(100% + 41px);
}

body.mobile .bottom[data-v-7565cb57].back[data-v-7565cb57] {
    background: linear-gradient(0deg, #0d111688, #0d111600 50%);
}

body.mobile .bottom[data-v-7565cb57].back[data-v-7565cb57].tab-setting[data-v-7565cb57] {
    background: linear-gradient(0deg, #0d1116 50%, #0d111600);
}

.bottom[data-v-7565cb57] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: var(--body-min-width);
    height: 118px;
    box-sizing: border-box;
    padding: 4px 48px 30px;
    pointer-events: none;
}

.bottom[data-v-7565cb57].back[data-v-7565cb57] {
    background: linear-gradient(0deg, #0d1116 40%, #0d111600);
    pointer-events: none;
}

.declaration[data-v-7565cb57] {
    text-align: center;
    color: #6a727c;
    font-size: 12px;
    margin-top: 36px;
    margin-left: 300px;
}

.declaration[data-v-7565cb57] div[data-v-7565cb57] svg[data-v-7565cb57] {
    vertical-align: middle;
    margin-right: 4px;
}

.top-history[data-v-7565cb57] {
    position: absolute;
    right: 16px;
    top: 24px;
    font-size: 14px;
    pointer-events: all;
    z-index: 99999;
}

.top-back[data-v-7565cb57] {
    position: absolute;
    left: 16px;
    top: 24px;
    font-size: 14px;
    pointer-events: all;
    z-index: 99999;
}

.el-textarea {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    display: inline-block;
    font-size: var(--el-font-size-base);
    position: relative;
    vertical-align: bottom;
    width: 100%;
}

.el-textarea__inner {
    -webkit-appearance: none;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    box-sizing: border-box;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    display: block;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
    padding: 5px 11px;
    position: relative;
    resize: vertical;
    transition: var(--el-transition-box-shadow);
    width: 100%;
}

.el-textarea__inner::-moz-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}

.el-textarea__inner:-ms-input-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}

.el-textarea__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}

.el-textarea__inner:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}

.el-textarea__inner:focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
    outline: none;
}

.el-textarea .el-input__count {
    background: var(--el-fill-color-blank);
    bottom: 5px;
    color: var(--el-color-info);
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    right: 10px;
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
    color: var(--el-disabled-text-color);
    cursor: not-allowed;
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: var(--el-text-color-placeholder);
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
    color: var(--el-text-color-placeholder);
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: var(--el-text-color-placeholder);
}

.el-textarea.is-exceed .el-textarea__inner {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}

.el-textarea.is-exceed .el-input__count {
    color: var(--el-color-danger);
}

.el-input {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    --el-input-height: var(--el-component-size);
    box-sizing: border-box;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    line-height: var(--el-input-height);
    position: relative;
    vertical-align: middle;
    width: var(--el-input-width);
}

.el-input::-webkit-scrollbar {
    width: 6px;
    z-index: 11;
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
    background: var(--el-text-color-disabled);
    border-radius: 5px;
    width: 6px;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: var(--el-fill-color-blank);
}

.el-input::-webkit-scrollbar-track-piece {
    background: var(--el-fill-color-blank);
    width: 6px;
}

.el-input .el-input__clear,
.el-input .el-input__password {
    color: var(--el-input-icon-color);
    cursor: pointer;
    font-size: 14px;
}

.el-input .el-input__clear:hover,
.el-input .el-input__password:hover {
    color: var(--el-input-clear-hover-color);
}

.el-input .el-input__count {
    align-items: center;
    color: var(--el-color-info);
    display: inline-flex;
    font-size: 12px;
    height: 100%;
}

.el-input .el-input__count .el-input__count-inner {
    background: var(--el-fill-color-blank);
    display: inline-block;
    line-height: normal;
    padding-left: 8px;
}

.el-input__wrapper {
    align-items: center;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    cursor: text;
    display: inline-flex;
    flex-grow: 1;
    justify-content: center;
    padding: 1px 11px;
    transform: translateZ(0);
    transition: var(--el-transition-box-shadow);
}

.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}

.el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    -webkit-appearance: none;
    background: none;
    border: none;
    box-sizing: border-box;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    flex-grow: 1;
    font-size: inherit;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    outline: none;
    padding: 0;
    width: 100%;
}

.el-input__inner:focus {
    outline: none;
}

.el-input__inner::-moz-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}

.el-input__inner:-ms-input-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}

.el-input__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder));
}

.el-input__inner[type="password"]::-ms-reveal {
    display: none;
}

.el-input__inner[type="number"] {
    line-height: 1;
}

.el-input__prefix {
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    pointer-events: none;
    text-align: center;
    transition: all var(--el-transition-duration);
    white-space: nowrap;
}

.el-input__prefix-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: all;
}

.el-input__prefix-inner > :last-child {
    margin-right: 8px;
}

.el-input__prefix-inner > :first-child,
.el-input__prefix-inner > :first-child.el-input__icon {
    margin-left: 0;
}

.el-input__suffix {
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    pointer-events: none;
    text-align: center;
    transition: all var(--el-transition-duration);
    white-space: nowrap;
}

.el-input__suffix-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: all;
}

.el-input__suffix-inner > :first-child {
    margin-left: 8px;
}

.el-input .el-input__icon {
    align-items: center;
    display: flex;
    height: inherit;
    justify-content: center;
    line-height: inherit;
    margin-left: 8px;
    transition: all var(--el-transition-duration);
}

.el-input__validateIcon {
    pointer-events: none;
}

.el-input.is-active .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-color) inset;
}

.el-input.is-disabled {
    cursor: not-allowed;
}

.el-input.is-disabled .el-input__wrapper {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
}

.el-input.is-disabled .el-input__inner {
    color: var(--el-disabled-text-color);
    -webkit-text-fill-color: var(--el-disabled-text-color);
    cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: var(--el-text-color-placeholder);
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
    color: var(--el-text-color-placeholder);
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: var(--el-text-color-placeholder);
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed;
}

.el-input.is-exceed .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: var(--el-color-danger);
}

.el-input--large {
    --el-input-height: var(--el-component-size-large);
    font-size: 14px;
}

.el-input--large .el-input__wrapper {
    padding: 1px 15px;
}

.el-input--large .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px);
}

.el-input--small {
    --el-input-height: var(--el-component-size-small);
    font-size: 12px;
}

.el-input--small .el-input__wrapper {
    padding: 1px 7px;
}

.el-input--small .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px);
}

.el-input-group {
    align-items: stretch;
    display: inline-flex;
    width: 100%;
}

.el-input-group__append,
.el-input-group__prepend {
    align-items: center;
    background-color: var(--el-fill-color-light);
    border-radius: var(--el-input-border-radius);
    color: var(--el-color-info);
    display: inline-flex;
    justify-content: center;
    min-height: 100%;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: none;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: 0 -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-select__wrapper,
.el-input-group__append div.el-select:hover .el-select__wrapper,
.el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-select__wrapper,
.el-input-group__prepend div.el-select:hover .el-select__wrapper {
    background-color: transparent;
    border-color: transparent;
    color: inherit;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit;
}

.el-input-group__prepend {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset,
        0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group__append {
    border-bottom-left-radius: 0;
    border-left: 0;
    border-top-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset,
        -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-group--prepend > .el-input__wrapper {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset,
        0 -1px 0 0 var(--el-input-border-color) inset;
}

.el-input-group--append > .el-input__wrapper {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset,
        -1px 0 0 0 var(--el-input-border-color) inset;
}

.el-input-hidden {
    display: none !important;
}

.prompt[data-v-f5cff4fc] {
    width: 100%;
    padding: 12px 16px 32px;
    border-radius: 10px;
    background: var(--main-background);
    border: solid 1px transparent;
    transition: all 0.2s;
}

.prompt[data-v-f5cff4fc].focused[data-v-f5cff4fc] {
    border: solid 1px #445b5c;
}

.prompt[data-v-f5cff4fc].exceeds[data-v-f5cff4fc] {
    border: solid 1px #e70000;
}

.delete[data-v-f5cff4fc] {
    position: absolute;
    margin-top: -33px;
    margin-left: 85px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 24px;
}

.delete[data-v-f5cff4fc] .sep[data-v-f5cff4fc] {
    border-left: #4e5062 solid 1px;
    height: 12px;
    margin-right: 0.5em;
}

.delete[data-v-f5cff4fc] .btn[data-v-f5cff4fc] svg[data-v-f5cff4fc] {
    width: 18px;
    height: 18px;
    margin-top: -2px;
}

body.mobile .guide[data-v-f5cff4fc] {
    width: calc(100% - 72px);
}

.guide[data-v-f5cff4fc] {
    position: absolute;
    margin-top: 13px;
    margin-left: 20px;
    width: 398px;
    z-index: 1;
    color: #727485;
    pointer-events: none;
}

.guide[data-v-f5cff4fc] a[data-v-f5cff4fc] {
    color: #82fac2;
    pointer-events: all;
    cursor: pointer;
    margin: 0;
    text-decoration: none;
}

.exceeds-limit[data-v-f5cff4fc] {
    color: #e70000;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: -24px;
}

[data-v-f5cff4fc] textarea.el-textarea__inner {
    color: #fff;
    background: transparent !important;
    padding: 0 !important;
    font-size: inherit !important;
    resize: none !important;
    box-shadow: none !important;
    line-height: 24px;
}

[data-v-f5cff4fc] textarea.el-textarea__inner::-webkit-input-placeholder {
    color: #727485;
}

[data-v-f5cff4fc] textarea.el-textarea__inner:-moz-placeholder {
    color: #727485;
}

[data-v-f5cff4fc] textarea.el-textarea__inner::-moz-placeholder {
    color: #727485;
}

[data-v-f5cff4fc] textarea.el-textarea__inner::-ms-input-placeholder {
    color: #727485;
}

[data-v-f5cff4fc] textarea.el-textarea__inner::-webkit-scrollbar {
    width: 0px !important;
}

[data-v-f5cff4fc] .el-input__count {
    background-color: transparent;
    width: 100%;
    font-size: 14px;
    padding-left: 24px;
    padding-bottom: 7px;
    color: #4e5062;
}

.desc[data-v-f5cff4fc] {
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: 28px;
    color: #999bac;
}

.desc[data-v-f5cff4fc] svg[data-v-f5cff4fc] {
    float: right;
    margin-top: 3px;
}

.el-tag {
    --el-tag-font-size: 12px;
    --el-tag-border-radius: 4px;
    --el-tag-border-radius-rounded: 9999px;
    --el-tag-bg-color: var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color: var(--el-color-primary);
    align-items: center;
    background-color: var(--el-tag-bg-color);
    border-color: var(--el-tag-border-color);
    border-radius: var(--el-tag-border-radius);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(--el-tag-text-color);
    display: inline-flex;
    font-size: var(--el-tag-font-size);
    height: 24px;
    justify-content: center;
    line-height: 1;
    padding: 0 9px;
    vertical-align: middle;
    white-space: nowrap;
    --el-icon-size: 14px;
}

.el-tag.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color: var(--el-color-primary);
}

.el-tag.el-tag--success {
    --el-tag-bg-color: var(--el-color-success-light-9);
    --el-tag-border-color: var(--el-color-success-light-8);
    --el-tag-hover-color: var(--el-color-success);
}

.el-tag.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning-light-9);
    --el-tag-border-color: var(--el-color-warning-light-8);
    --el-tag-hover-color: var(--el-color-warning);
}

.el-tag.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger-light-9);
    --el-tag-border-color: var(--el-color-danger-light-8);
    --el-tag-hover-color: var(--el-color-danger);
}

.el-tag.el-tag--error {
    --el-tag-bg-color: var(--el-color-error-light-9);
    --el-tag-border-color: var(--el-color-error-light-8);
    --el-tag-hover-color: var(--el-color-error);
}

.el-tag.el-tag--info {
    --el-tag-bg-color: var(--el-color-info-light-9);
    --el-tag-border-color: var(--el-color-info-light-8);
    --el-tag-hover-color: var(--el-color-info);
}

.el-tag.el-tag--primary {
    --el-tag-text-color: var(--el-color-primary);
}

.el-tag.el-tag--success {
    --el-tag-text-color: var(--el-color-success);
}

.el-tag.el-tag--warning {
    --el-tag-text-color: var(--el-color-warning);
}

.el-tag.el-tag--danger {
    --el-tag-text-color: var(--el-color-danger);
}

.el-tag.el-tag--error {
    --el-tag-text-color: var(--el-color-error);
}

.el-tag.el-tag--info {
    --el-tag-text-color: var(--el-color-info);
}

.el-tag.is-hit {
    border-color: var(--el-color-primary);
}

.el-tag.is-round {
    border-radius: var(--el-tag-border-radius-rounded);
}

.el-tag .el-tag__close {
    color: var(--el-tag-text-color);
    flex-shrink: 0;
}

.el-tag .el-tag__close:hover {
    background-color: var(--el-tag-hover-color);
    color: var(--el-color-white);
}

.el-tag .el-icon {
    border-radius: 50%;
    cursor: pointer;
    font-size: calc(var(--el-icon-size) - 2px);
    height: var(--el-icon-size);
    width: var(--el-icon-size);
}

.el-tag .el-tag__close {
    margin-left: 6px;
}

.el-tag--dark {
    --el-tag-bg-color: var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color: var(--el-color-primary-light-3);
    --el-tag-text-color: var(--el-color-white);
}

.el-tag--dark.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color: var(--el-color-primary-light-3);
}

.el-tag--dark.el-tag--success {
    --el-tag-bg-color: var(--el-color-success);
    --el-tag-border-color: var(--el-color-success);
    --el-tag-hover-color: var(--el-color-success-light-3);
}

.el-tag--dark.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning);
    --el-tag-border-color: var(--el-color-warning);
    --el-tag-hover-color: var(--el-color-warning-light-3);
}

.el-tag--dark.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger);
    --el-tag-border-color: var(--el-color-danger);
    --el-tag-hover-color: var(--el-color-danger-light-3);
}

.el-tag--dark.el-tag--error {
    --el-tag-bg-color: var(--el-color-error);
    --el-tag-border-color: var(--el-color-error);
    --el-tag-hover-color: var(--el-color-error-light-3);
}

.el-tag--dark.el-tag--info {
    --el-tag-bg-color: var(--el-color-info);
    --el-tag-border-color: var(--el-color-info);
    --el-tag-hover-color: var(--el-color-info-light-3);
}

.el-tag--dark.el-tag--danger,
.el-tag--dark.el-tag--error,
.el-tag--dark.el-tag--info,
.el-tag--dark.el-tag--primary,
.el-tag--dark.el-tag--success,
.el-tag--dark.el-tag--warning {
    --el-tag-text-color: var(--el-color-white);
}

.el-tag--plain {
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color: var(--el-color-primary);
    --el-tag-bg-color: var(--el-fill-color-blank);
}

.el-tag--plain.el-tag--primary {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color: var(--el-color-primary);
}

.el-tag--plain.el-tag--success {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-success-light-5);
    --el-tag-hover-color: var(--el-color-success);
}

.el-tag--plain.el-tag--warning {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-warning-light-5);
    --el-tag-hover-color: var(--el-color-warning);
}

.el-tag--plain.el-tag--danger {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-danger-light-5);
    --el-tag-hover-color: var(--el-color-danger);
}

.el-tag--plain.el-tag--error {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-error-light-5);
    --el-tag-hover-color: var(--el-color-error);
}

.el-tag--plain.el-tag--info {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-info-light-5);
    --el-tag-hover-color: var(--el-color-info);
}

.el-tag.is-closable {
    padding-right: 5px;
}

.el-tag--large {
    height: 32px;
    padding: 0 11px;
    --el-icon-size: 16px;
}

.el-tag--large .el-tag__close {
    margin-left: 8px;
}

.el-tag--large.is-closable {
    padding-right: 7px;
}

.el-tag--small {
    height: 20px;
    padding: 0 7px;
    --el-icon-size: 12px;
}

.el-tag--small .el-tag__close {
    margin-left: 4px;
}

.el-tag--small.is-closable {
    padding-right: 3px;
}

.el-tag--small .el-icon-close {
    transform: scale(0.8);
}

.el-tag.el-tag--primary.is-hit {
    border-color: var(--el-color-primary);
}

.el-tag.el-tag--success.is-hit {
    border-color: var(--el-color-success);
}

.el-tag.el-tag--warning.is-hit {
    border-color: var(--el-color-warning);
}

.el-tag.el-tag--danger.is-hit {
    border-color: var(--el-color-danger);
}

.el-tag.el-tag--error.is-hit {
    border-color: var(--el-color-error);
}

.el-tag.el-tag--info.is-hit {
    border-color: var(--el-color-info);
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
    background-color: var(--el-color-primary);
    background-position: 50%;
    background-repeat: no-repeat;
    border-right: none;
    border-top: none;
    content: "";
    height: 12px;
    mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
        no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
        no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
}

.el-select-dropdown {
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    z-index: calc(var(--el-index-top) + 1);
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0;
}

.el-select-dropdown__empty,
.el-select-dropdown__loading {
    color: var(--el-text-color-secondary);
    font-size: var(--el-select-font-size);
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

.el-select-dropdown__wrap {
    max-height: 274px;
}

.el-select-dropdown__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 6px 0;
}

.el-select-dropdown__list.el-vl__window {
    margin: 6px 0;
    padding: 0;
}

.el-select-dropdown__header {
    border-bottom: 1px solid var(--el-border-color-light);
    padding: 10px;
}

.el-select-dropdown__footer {
    border-top: 1px solid var(--el-border-color-light);
    padding: 10px;
}

.el-select-dropdown__item {
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: var(--el-font-size-base);
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 32px 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-select-dropdown__item.is-hovering {
    background-color: var(--el-fill-color-light);
}

.el-select-dropdown__item.is-selected {
    color: var(--el-color-primary);
    font-weight: 700;
}

.el-select-dropdown__item.is-disabled {
    background-color: unset;
    color: var(--el-text-color-placeholder);
    cursor: not-allowed;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
    background-color: var(--el-color-primary);
    background-position: 50%;
    background-repeat: no-repeat;
    border-right: none;
    border-top: none;
    content: "";
    height: 12px;
    mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
        no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
        no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after {
    background-color: var(--el-text-color-placeholder);
}

.el-select-group {
    margin: 0;
    padding: 0;
}

.el-select-group__wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.el-select-group__title {
    color: var(--el-color-info);
    font-size: 12px;
    line-height: 34px;
    padding-left: 20px;
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px;
}

.el-select {
    --el-select-border-color-hover: var(--el-border-color-hover);
    --el-select-disabled-color: var(--el-disabled-text-color);
    --el-select-disabled-border: var(--el-disabled-border-color);
    --el-select-font-size: var(--el-font-size-base);
    --el-select-close-hover-color: var(--el-text-color-secondary);
    --el-select-input-color: var(--el-text-color-placeholder);
    --el-select-multiple-input-color: var(--el-text-color-regular);
    --el-select-input-focus-border-color: var(--el-color-primary);
    --el-select-input-font-size: 14px;
    --el-select-width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: var(--el-select-width);
}

.el-select__wrapper {
    align-items: center;
    background-color: var(--el-fill-color-blank);
    border-radius: var(--el-border-radius-base);
    box-shadow: 0 0 0 1px var(--el-border-color) inset;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    gap: 6px;
    line-height: 24px;
    min-height: 32px;
    padding: 4px 12px;
    position: relative;
    text-align: left;
    transition: var(--el-transition-duration);
}

.el-select__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-text-color) inset;
}

.el-select__wrapper.is-filterable {
    cursor: text;
}

.el-select__wrapper.is-focused {
    box-shadow: 0 0 0 1px var(--el-color-primary) inset;
}

.el-select__wrapper.is-hovering:not(.is-focused) {
    box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
}

.el-select__wrapper.is-disabled {
    background-color: var(--el-fill-color-light);
    box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
    color: var(--el-text-color-placeholder);
    cursor: not-allowed;
}

.el-select__wrapper.is-disabled:hover {
    box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset;
}

.el-select__wrapper.is-disabled.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-select__wrapper.is-disabled .el-select__selected-item {
    color: var(--el-select-disabled-color);
}

.el-select__wrapper.is-disabled .el-select__caret,
.el-select__wrapper.is-disabled .el-tag {
    cursor: not-allowed;
}

.el-select__prefix,
.el-select__suffix {
    align-items: center;
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: flex;
    flex-shrink: 0;
    gap: 6px;
}

.el-select__caret {
    color: var(--el-select-input-color);
    cursor: pointer;
    font-size: var(--el-select-input-font-size);
    transform: rotate(0);
    transition: var(--el-transition-duration);
}

.el-select__caret.is-reverse {
    transform: rotate(180deg);
}

.el-select__selection {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    position: relative;
}

.el-select__selection.is-near {
    margin-left: -8px;
}

.el-select__selection .el-tag {
    border-color: transparent;
    cursor: pointer;
}

.el-select__selection .el-tag .el-tag__content {
    min-width: 0;
}

.el-select__selected-item {
    display: flex;
    flex-wrap: wrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.el-select__tags-text {
    line-height: normal;
}

.el-select__placeholder,
.el-select__tags-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-select__placeholder {
    color: var(--el-input-text-color, var(--el-text-color-regular));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.el-select__placeholder.is-transparent {
    color: var(--el-text-color-placeholder);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.el-select__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
    box-shadow: var(--el-box-shadow-light);
}

.el-select__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light);
}

.el-select__popper.el-popper[data-popper-placement^="top"] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent;
}

.el-select__popper.el-popper[data-popper-placement^="bottom"] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.el-select__popper.el-popper[data-popper-placement^="left"] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.el-select__popper.el-popper[data-popper-placement^="right"] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent;
}

.el-select__input-wrapper {
    max-width: 100%;
}

.el-select__input-wrapper.is-hidden {
    opacity: 0;
    position: absolute;
}

.el-select__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--el-select-multiple-input-color);
    font-family: inherit;
    font-size: inherit;
    height: 24px;
    max-width: 100%;
    outline: none;
    padding: 0;
}

.el-select__input.is-disabled {
    cursor: not-allowed;
}

.el-select__input-calculator {
    left: 0;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: hidden;
    white-space: pre;
}

.el-select--large .el-select__wrapper {
    font-size: 14px;
    gap: 6px;
    line-height: 24px;
    min-height: 40px;
    padding: 8px 16px;
}

.el-select--large .el-select__selection {
    gap: 6px;
}

.el-select--large .el-select__selection.is-near {
    margin-left: -8px;
}

.el-select--large .el-select__prefix,
.el-select--large .el-select__suffix {
    gap: 6px;
}

.el-select--large .el-select__input {
    height: 24px;
}

.el-select--small .el-select__wrapper {
    font-size: 12px;
    gap: 4px;
    line-height: 20px;
    min-height: 24px;
    padding: 2px 8px;
}

.el-select--small .el-select__selection {
    gap: 4px;
}

.el-select--small .el-select__selection.is-near {
    margin-left: -6px;
}

.el-select--small .el-select__prefix,
.el-select--small .el-select__suffix {
    gap: 4px;
}

.el-select--small .el-select__input {
    height: 20px;
}

.el-slider {
    --el-slider-main-bg-color: var(--el-color-primary);
    --el-slider-runway-bg-color: var(--el-border-color-light);
    --el-slider-stop-bg-color: var(--el-color-white);
    --el-slider-disabled-color: var(--el-text-color-placeholder);
    --el-slider-border-radius: 3px;
    --el-slider-height: 6px;
    --el-slider-button-size: 20px;
    --el-slider-button-wrapper-size: 36px;
    --el-slider-button-wrapper-offset: -15px;
    align-items: center;
    display: flex;
    height: 32px;
    width: 100%;
}

.el-slider__runway {
    background-color: var(--el-slider-runway-bg-color);
    border-radius: var(--el-slider-border-radius);
    cursor: pointer;
    flex: 1;
    height: var(--el-slider-height);
    position: relative;
}

.el-slider__runway.show-input {
    margin-right: 30px;
    width: auto;
}

.el-slider__runway.is-disabled {
    cursor: default;
}

.el-slider__runway.is-disabled .el-slider__bar {
    background-color: var(--el-slider-disabled-color);
}

.el-slider__runway.is-disabled .el-slider__button {
    border-color: var(--el-slider-disabled-color);
}

.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,
.el-slider__runway.is-disabled .el-slider__button-wrapper:hover,
.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging {
    cursor: not-allowed;
}

.el-slider__runway.is-disabled .el-slider__button.dragging,
.el-slider__runway.is-disabled .el-slider__button.hover,
.el-slider__runway.is-disabled .el-slider__button:hover {
    transform: scale(1);
}

.el-slider__runway.is-disabled .el-slider__button.hover,
.el-slider__runway.is-disabled .el-slider__button:hover,
.el-slider__runway.is-disabled .el-slider__button.dragging {
    cursor: not-allowed;
}

.el-slider__input {
    flex-shrink: 0;
    width: 130px;
}

.el-slider__bar {
    background-color: var(--el-slider-main-bg-color);
    border-bottom-left-radius: var(--el-slider-border-radius);
    border-top-left-radius: var(--el-slider-border-radius);
    height: var(--el-slider-height);
    position: absolute;
}

.el-slider__button-wrapper {
    background-color: transparent;
    height: var(--el-slider-button-wrapper-size);
    line-height: normal;
    outline: none;
    position: absolute;
    text-align: center;
    top: var(--el-slider-button-wrapper-offset);
    transform: translate(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: var(--el-slider-button-wrapper-size);
    z-index: 1;
}

.el-slider__button-wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
    cursor: -webkit-grab;
    cursor: grab;
}

.el-slider__button-wrapper.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.el-slider__button {
    background-color: var(--el-color-white);
    border: 2px solid var(--el-slider-main-bg-color);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: var(--el-slider-button-size);
    transition: var(--el-transition-duration-fast);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: var(--el-slider-button-size);
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
    transform: scale(1.2);
}

.el-slider__button.hover,
.el-slider__button:hover {
    cursor: -webkit-grab;
    cursor: grab;
}

.el-slider__button.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.el-slider__stop {
    background-color: var(--el-slider-stop-bg-color);
    border-radius: var(--el-border-radius-circle);
    height: var(--el-slider-height);
    position: absolute;
    transform: translate(-50%);
    width: var(--el-slider-height);
}

.el-slider__marks {
    height: 100%;
    left: 12px;
    top: 0;
    width: 18px;
}

.el-slider__marks-text {
    color: var(--el-color-info);
    font-size: 14px;
    margin-top: 15px;
    position: absolute;
    transform: translate(-50%);
    white-space: pre;
}

.el-slider.is-vertical {
    display: inline-flex;
    flex: 0;
    height: 100%;
    position: relative;
    width: auto;
}

.el-slider.is-vertical .el-slider__runway {
    height: 100%;
    margin: 0 16px;
    width: var(--el-slider-height);
}

.el-slider.is-vertical .el-slider__bar {
    border-radius: 0 0 3px 3px;
    height: auto;
    width: var(--el-slider-height);
}

.el-slider.is-vertical .el-slider__button-wrapper {
    left: var(--el-slider-button-wrapper-offset);
    top: auto;
    transform: translateY(50%);
}

.el-slider.is-vertical .el-slider__stop {
    transform: translateY(50%);
}

.el-slider.is-vertical .el-slider__marks-text {
    left: 15px;
    margin-top: 0;
    transform: translateY(50%);
}

.el-slider--large {
    height: 40px;
}

.el-slider--small {
    height: 24px;
}

.el-input-number {
    display: inline-flex;
    line-height: 30px;
    position: relative;
    width: 150px;
}

.el-input-number .el-input__wrapper {
    padding-left: 42px;
    padding-right: 42px;
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    line-height: 1;
    text-align: center;
}

.el-input-number .el-input__inner::-webkit-inner-spin-button,
.el-input-number .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.el-input-number__decrease,
.el-input-number__increase {
    align-items: center;
    background: var(--el-fill-color-light);
    bottom: 1px;
    color: var(--el-text-color-regular);
    cursor: pointer;
    display: flex;
    font-size: 13px;
    height: auto;
    justify-content: center;
    position: absolute;
    top: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 32px;
    z-index: 1;
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
    color: var(--el-color-primary);
}

.el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
.el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset;
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: var(--el-disabled-text-color);
    cursor: not-allowed;
}

.el-input-number__increase {
    border-left: var(--el-border);
    border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
    right: 1px;
}

.el-input-number__decrease {
    border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
    border-right: var(--el-border);
    left: 1px;
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
    border-color: var(--el-disabled-border-color);
    color: var(--el-disabled-border-color);
}

.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
    color: var(--el-disabled-border-color);
    cursor: not-allowed;
}

.el-input-number--large {
    line-height: 38px;
    width: 180px;
}

.el-input-number--large .el-input-number__decrease,
.el-input-number--large .el-input-number__increase {
    font-size: 14px;
    width: 40px;
}

.el-input-number--large .el-input--large .el-input__wrapper {
    padding-left: 47px;
    padding-right: 47px;
}

.el-input-number--small {
    line-height: 22px;
    width: 120px;
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    font-size: 12px;
    width: 24px;
}

.el-input-number--small .el-input--small .el-input__wrapper {
    padding-left: 31px;
    padding-right: 31px;
}

.el-input-number--small .el-input-number__decrease [class*="el-icon"],
.el-input-number--small .el-input-number__increase [class*="el-icon"] {
    transform: scale(0.9);
}

.el-input-number.is-without-controls .el-input__wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

.el-input-number.is-controls-right .el-input__wrapper {
    padding-left: 15px;
    padding-right: 42px;
}

.el-input-number.is-controls-right .el-input-number__decrease,
.el-input-number.is-controls-right .el-input-number__increase {
    --el-input-number-controls-height: 15px;
    height: var(--el-input-number-controls-height);
    line-height: var(--el-input-number-controls-height);
}

.el-input-number.is-controls-right .el-input-number__decrease [class*="el-icon"],
.el-input-number.is-controls-right .el-input-number__increase [class*="el-icon"] {
    transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
    border-bottom: var(--el-border);
    border-radius: 0 var(--el-border-radius-base) 0 0;
    bottom: auto;
    left: auto;
}

.el-input-number.is-controls-right .el-input-number__decrease {
    border-left: var(--el-border);
    border-radius: 0 0 var(--el-border-radius-base) 0;
    border-right: none;
    left: auto;
    right: 1px;
    top: auto;
}

.el-input-number.is-controls-right[class*="large"] [class*="decrease"],
.el-input-number.is-controls-right[class*="large"] [class*="increase"] {
    --el-input-number-controls-height: 19px;
}

.el-input-number.is-controls-right[class*="small"] [class*="decrease"],
.el-input-number.is-controls-right[class*="small"] [class*="increase"] {
    --el-input-number-controls-height: 11px;
}

.desc[data-v-b84e9588] {
    color: #999bac;
    margin-top: 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.desc i[data-v-b84e9588] {
    color: #fff;
    font-style: normal;
}

.desc svg[data-v-b84e9588] {
    margin-left: 0.5em;
    cursor: pointer;
}

.desc svg[data-v-b84e9588]:hover {
    color: #fff;
}

.desc.left[data-v-b84e9588] {
    float: left;
}

.desc.right[data-v-b84e9588] {
    float: right;
}

body.mobile .middle[data-v-b84e9588] {
    display: block;
    width: 100%;
    margin-left: 0;
}

.middle[data-v-b84e9588] {
    display: inline-block;
    width: 240px;
    margin-left: 18px;
    margin-top: 10px;
}

.left-name[data-v-b84e9588] {
    float: left;
    width: 100px;
    color: #999bac;
}

body.mobile .list[data-v-b84e9588] {
    line-height: 36px;
}

body.mobile .list .item[data-v-b84e9588] {
    margin-right: 10px;
}

.list[data-v-b84e9588] {
    padding-top: 12px;
    padding-left: 2px;
}

.list .item[data-v-b84e9588] {
    margin-right: 20px;
    cursor: pointer;
    display: inline-block;
}

.list .item .icon[data-v-b84e9588] {
    width: 47px;
    height: 47px;
    text-align: center;
}

.list .item .icon .rect[data-v-b84e9588] {
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
    border: solid 2px white;
}

.list .item .text[data-v-b84e9588] {
    margin-top: -12px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.list .item[data-v-b84e9588]:active {
    filter: brightness(0.9);
}

.list .item:hover .rect[data-v-b84e9588] {
    border-color: var(--theme-color-primary);
}

.list .item:hover .text[data-v-b84e9588] {
    color: var(--theme-color-primary);
}

.list .item.active .rect[data-v-b84e9588] {
    border-color: var(--theme-color-primary);
}

.list .item.active .text[data-v-b84e9588] {
    color: var(--theme-color-primary);
}

.radio-item[data-v-b84e9588] {
    display: inline-block;
    margin-right: 1.5em;
    cursor: pointer;
}

.radio-item svg[data-v-b84e9588] {
    vertical-align: middle;
    margin-right: 8px;
    color: var(--theme-color-primary);
}

.radio-item span[data-v-b84e9588] {
    vertical-align: middle;
    color: #fff;
}

.radio-item.disabled[data-v-b84e9588] {
    opacity: 0.5;
}

.seed-container[data-v-b84e9588] {
    display: inline-block;
}

.parameter-item[data-v-b84e9588] {
    margin-top: 16px;
}

.parameter-item .left-name[data-v-b84e9588] {
    margin-top: 6px;
}

.ai-web-select.__panel_setting_model_select[data-v-b84e9588] {
    width: 310px;
}

[data-v-b84e9588] .__panel_setting_model_select input:focus {
    border: none !important;
}

.__panel_setting_slider .el-slider__button {
    border: solid 1px white;
    background: linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
}

.__panel_setting_slider .el-slider__runway {
    background: #60edff;
}

.__panel_setting_slider .el-slider__bar {
    background: #a8ff1a;
}

.setting-tip {
    font-size: 14px;
    color: #fff;
    font-weight: 24px;
}

.el-upload {
    --el-upload-dragger-padding-horizontal: 40px;
    --el-upload-dragger-padding-vertical: 10px;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    outline: none;
}

.el-upload__input {
    display: none;
}

.el-upload__tip {
    color: var(--el-text-color-regular);
    font-size: 12px;
    margin-top: 7px;
}

.el-upload iframe {
    filter: alpha(opacity=0);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

.el-upload--picture-card {
    --el-upload-picture-card-size: 148px;
    align-items: center;
    background-color: var(--el-fill-color-lighter);
    border: 1px dashed var(--el-border-color-darker);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    height: var(--el-upload-picture-card-size);
    justify-content: center;
    vertical-align: top;
    width: var(--el-upload-picture-card-size);
}

.el-upload--picture-card > i {
    color: var(--el-text-color-secondary);
    font-size: 28px;
}

.el-upload--picture-card:hover {
    border-color: var(--el-color-primary);
    color: var(--el-color-primary);
}

.el-upload.is-drag {
    display: block;
}

.el-upload:focus {
    border-color: var(--el-color-primary);
    color: var(--el-color-primary);
}

.el-upload:focus .el-upload-dragger {
    border-color: var(--el-color-primary);
}

.el-upload-dragger {
    background-color: var(--el-fill-color-blank);
    border: 1px dashed var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);
    position: relative;
    text-align: center;
}

.el-upload-dragger .el-icon--upload {
    color: var(--el-text-color-placeholder);
    font-size: 67px;
    line-height: 50px;
    margin-bottom: 16px;
}

.el-upload-dragger + .el-upload__tip {
    text-align: center;
}

.el-upload-dragger ~ .el-upload__files {
    border-top: var(--el-border);
    margin-top: 7px;
    padding-top: 5px;
}

.el-upload-dragger .el-upload__text {
    color: var(--el-text-color-regular);
    font-size: 14px;
    text-align: center;
}

.el-upload-dragger .el-upload__text em {
    color: var(--el-color-primary);
    font-style: normal;
}

.el-upload-dragger:hover {
    border-color: var(--el-color-primary);
}

.el-upload-dragger.is-dragover {
    background-color: var(--el-color-primary-light-9);
    border: 2px dashed var(--el-color-primary);
    padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px)
        calc(var(--el-upload-dragger-padding-vertical) - 1px);
}

.el-upload-list {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    position: relative;
}

.el-upload-list__item {
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    font-size: 14px;
    margin-bottom: 5px;
    position: relative;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    width: 100%;
}

.el-upload-list__item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%;
}

.el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px;
}

.el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0;
}

.el-upload-list__item .el-icon--upload-success {
    color: var(--el-color-success);
}

.el-upload-list__item .el-icon--close {
    color: var(--el-text-color-regular);
    cursor: pointer;
    display: none;
    opacity: 0.75;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity var(--el-transition-duration);
}

.el-upload-list__item .el-icon--close:hover {
    color: var(--el-color-primary);
    opacity: 1;
}

.el-upload-list__item .el-icon--close-tip {
    color: var(--el-color-primary);
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-style: normal;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 1px;
}

.el-upload-list__item:hover {
    background-color: var(--el-fill-color-light);
}

.el-upload-list__item:hover .el-icon--close {
    display: inline-flex;
}

.el-upload-list__item:hover .el-progress__text {
    display: none;
}

.el-upload-list__item .el-upload-list__item-info {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4px;
    width: calc(100% - 30px);
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: inline-flex;
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: var(--el-color-primary);
    cursor: pointer;
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
    display: inline-block;
}

.el-upload-list__item.is-success:active,
.el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0;
}

.el-upload-list__item.is-success:active .el-icon--close-tip,
.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip {
    display: none;
}

.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label {
    display: none;
    opacity: 0;
}

.el-upload-list__item-name {
    align-items: center;
    color: var(--el-text-color-regular);
    display: inline-flex;
    font-size: var(--el-font-size-base);
    padding: 0 4px;
    text-align: center;
    transition: color var(--el-transition-duration);
}

.el-upload-list__item-name .el-icon {
    color: var(--el-text-color-secondary);
    margin-right: 6px;
}

.el-upload-list__item-file-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-upload-list__item-status-label {
    align-items: center;
    display: none;
    height: 100%;
    justify-content: center;
    line-height: inherit;
    position: absolute;
    right: 5px;
    top: 0;
    transition: opacity var(--el-transition-duration);
}

.el-upload-list__item-delete {
    color: var(--el-text-color-regular);
    display: none;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0;
}

.el-upload-list__item-delete:hover {
    color: var(--el-color-primary);
}

.el-upload-list--picture-card {
    --el-upload-list-picture-card-size: 148px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
}

.el-upload-list--picture-card .el-upload-list__item {
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-flex;
    height: var(--el-upload-list-picture-card-size);
    margin: 0 8px 8px 0;
    overflow: hidden;
    padding: 0;
    width: var(--el-upload-list-picture-card-size);
}

.el-upload-list--picture-card .el-upload-list__item .el-icon--check,
.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check {
    color: #fff;
}

.el-upload-list--picture-card .el-upload-list__item .el-icon--close {
    display: none;
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block;
    opacity: 0;
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block;
}

.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
    display: none;
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    background: var(--el-color-success);
    height: 24px;
    right: -15px;
    text-align: center;
    top: -6px;
    transform: rotate(45deg);
    width: 40px;
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg);
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    align-items: center;
    background-color: var(--el-overlay-color-lighter);
    color: #fff;
    cursor: default;
    display: inline-flex;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity var(--el-transition-duration);
    width: 100%;
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    cursor: pointer;
    display: none;
}

.el-upload-list--picture-card .el-upload-list__item-actions span + span {
    margin-left: 1rem;
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    color: inherit;
    font-size: inherit;
    position: static;
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1;
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-flex;
}

.el-upload-list--picture-card .el-progress {
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 126px;
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%;
}

.el-upload-list--picture .el-upload-list__item {
    align-items: center;
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
    z-index: 0;
}

.el-upload-list--picture .el-upload-list__item .el-icon--check,
.el-upload-list--picture .el-upload-list__item .el-icon--circle-check {
    color: #fff;
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: inline-flex;
    opacity: 0;
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block;
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none;
}

.el-upload-list--picture .el-upload-list__item .el-icon--close {
    top: 5px;
    transform: translateY(0);
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    align-items: center;
    background-color: var(--el-color-white);
    display: inline-flex;
    height: 70px;
    justify-content: center;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 70px;
    z-index: 1;
}

.el-upload-list--picture .el-upload-list__item-status-label {
    background: var(--el-color-success);
    height: 26px;
    position: absolute;
    right: -17px;
    text-align: center;
    top: -7px;
    transform: rotate(45deg);
    width: 46px;
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    transform: rotate(-45deg);
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px;
}

.el-upload-cover {
    cursor: default;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.el-upload-cover:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.el-upload-cover img {
    display: block;
    height: 100%;
    width: 100%;
}

.el-upload-cover__label {
    background: var(--el-color-success);
    height: 24px;
    right: -15px;
    text-align: center;
    top: -6px;
    transform: rotate(45deg);
    width: 40px;
}

.el-upload-cover__label i {
    color: #fff;
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg);
}

.el-upload-cover__progress {
    display: inline-block;
    position: static;
    vertical-align: middle;
    width: 243px;
}

.el-upload-cover__progress + .el-upload__inner {
    opacity: 0;
}

.el-upload-cover__content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.el-upload-cover__interact {
    background-color: var(--el-overlay-color-light);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.el-upload-cover__interact .btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-top: 60px;
    transition: var(--el-transition-md-fade);
    vertical-align: middle;
}

.el-upload-cover__interact .btn i {
    margin-top: 0;
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px;
}

.el-upload-cover__interact .btn:hover {
    transform: translateY(-13px);
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1;
}

.el-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px;
}

.el-upload-cover__title {
    background-color: #fff;
    bottom: 0;
    color: var(--el-text-color-primary);
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    left: 0;
    line-height: 36px;
    margin: 0;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.el-upload-cover + .el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1;
}

.el-progress {
    align-items: center;
    display: flex;
    line-height: 1;
    position: relative;
}

.el-progress__text {
    color: var(--el-text-color-regular);
    font-size: 14px;
    line-height: 1;
    margin-left: 5px;
    min-width: 50px;
}

.el-progress__text i {
    display: block;
    vertical-align: middle;
}

.el-progress--circle,
.el-progress--dashboard {
    display: inline-block;
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
    display: inline-block;
    vertical-align: middle;
}

.el-progress--without-text .el-progress__text {
    display: none;
}

.el-progress--without-text .el-progress-bar {
    display: block;
    margin-right: 0;
    padding-right: 0;
}

.el-progress--text-inside .el-progress-bar {
    margin-right: 0;
    padding-right: 0;
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: var(--el-color-success);
}

.el-progress.is-success .el-progress__text {
    color: var(--el-color-success);
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: var(--el-color-warning);
}

.el-progress.is-warning .el-progress__text {
    color: var(--el-color-warning);
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: var(--el-color-danger);
}

.el-progress.is-exception .el-progress__text {
    color: var(--el-color-danger);
}

.el-progress-bar {
    box-sizing: border-box;
    flex-grow: 1;
}

.el-progress-bar__outer {
    background-color: var(--el-border-color-lighter);
    border-radius: 100px;
    height: 6px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.el-progress-bar__inner {
    background-color: var(--el-color-primary);
    border-radius: 100px;
    height: 100%;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 0;
    transition: width 0.6s ease;
    white-space: nowrap;
}

.el-progress-bar__inner:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.el-progress-bar__inner--indeterminate {
    -webkit-animation: indeterminate 3s infinite;
    animation: indeterminate 3s infinite;
    transform: translateZ(0);
}

.el-progress-bar__inner--striped {
    background-image: linear-gradient(
        45deg,
        rgba(0, 0, 0, 0.1) 25%,
        transparent 0,
        transparent 50%,
        rgba(0, 0, 0, 0.1) 0,
        rgba(0, 0, 0, 0.1) 75%,
        transparent 0,
        transparent
    );
    background-size: 1.25em 1.25em;
}

.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
    -webkit-animation: striped-flow 3s linear infinite;
    animation: striped-flow 3s linear infinite;
}

.el-progress-bar__innerText {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: middle;
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0;
    }

    to {
        background-position: 32px 0;
    }
}

@keyframes progress {
    0% {
        background-position: 0 0;
    }

    to {
        background-position: 32px 0;
    }
}

@-webkit-keyframes indeterminate {
    0% {
        left: -100%;
    }

    to {
        left: 100%;
    }
}

@keyframes indeterminate {
    0% {
        left: -100%;
    }

    to {
        left: 100%;
    }
}

@-webkit-keyframes striped-flow {
    0% {
        background-position: -100%;
    }

    to {
        background-position: 100%;
    }
}

@keyframes striped-flow {
    0% {
        background-position: -100%;
    }

    to {
        background-position: 100%;
    }
}

#panel-reference-main-container[data-v-4506e029] {
    height: 295px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-right: -12px;
}

#panel-reference-main-container[data-v-4506e029][data-v-4506e029]::-webkit-scrollbar {
    width: 0;
}

.work-item[data-v-4506e029] {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 12px;
}

.bottom-tools[data-v-4506e029] {
    margin-top: 16px;
    height: 32px;
    text-align: right;
}

.tabs[data-v-4506e029] {
    margin-top: 4px;
    margin-bottom: 18px;
    height: 32px;
}

.url[data-v-4506e029] {
    margin-top: 18px;
}

.history-dialog .el-icon.el-dialog__close {
    margin-top: 12px;
    margin-left: -12px;
}

.history-dialog .el-icon.el-dialog__close svg {
    width: 24px;
    height: 24px;
}

.blink[data-v-da811a2a] {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.1s linear;
}

body.mobile .upload[data-v-da811a2a] .result[data-v-da811a2a] .preview[data-v-da811a2a].narrow[data-v-da811a2a] {
    width: calc((100vw - 85px) / 2);
}

.upload[data-v-da811a2a] {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background-color: var(--main-background);
}

.upload[data-v-da811a2a] .uploading[data-v-da811a2a] {
    width: 100%;
    height: 160px;
    text-align: center;
    padding-top: 54px;
}

.upload[data-v-da811a2a] .result[data-v-da811a2a] {
    height: 160px;
    overflow: hidden;
    background: linear-gradient(264.35deg, #22403eb3 2.09%, #283d46b3 94.63%);
    box-shadow: -2px 4px 4px #0000001f;
}

.upload[data-v-da811a2a] .result[data-v-da811a2a].uploading-result[data-v-da811a2a] {
    background: none;
}

.upload[data-v-da811a2a] .result[data-v-da811a2a] .preview[data-v-da811a2a] {
    float: left;
    width: 160px;
    height: 160px;
}

.upload[data-v-da811a2a] .result[data-v-da811a2a] .preview[data-v-da811a2a].narrow[data-v-da811a2a] {
    width: 200px;
}

.upload[data-v-da811a2a] .result[data-v-da811a2a] .preview[data-v-da811a2a] img[data-v-da811a2a] {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.upload[data-v-da811a2a] .result[data-v-da811a2a] .filename[data-v-da811a2a] {
    height: 160px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 16px;
    color: #fff;
}

.upload[data-v-da811a2a] .result[data-v-da811a2a] .filename[data-v-da811a2a] span[data-v-da811a2a] {
    margin-left: 8px;
    color: inherit;
    width: 192px;
}

.upload[data-v-da811a2a] .result[data-v-da811a2a] .delete-btn[data-v-da811a2a] {
    float: right;
}

.upload[data-v-da811a2a] .result[data-v-da811a2a] .delete-btn[data-v-da811a2a] svg[data-v-da811a2a] {
    margin-right: 16px;
    margin-top: 70px;
}

.upload[data-v-da811a2a] .click-here[data-v-da811a2a] {
    color: #36ee45;
    font-size: 18px;
    margin-top: 1em;
}

.upload[data-v-da811a2a] .click-here[data-v-da811a2a] svg[data-v-da811a2a] {
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 4px;
}

.upload[data-v-da811a2a] .click-here[data-v-da811a2a] span[data-v-da811a2a] {
    background: linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.upload[data-v-da811a2a] .tip[data-v-da811a2a] {
    font-size: 12px;
    color: #888;
    margin-top: 12px;
}

.from-history[data-v-da811a2a] {
    position: absolute;
    width: 100%;
    margin-top: -75px;
    text-align: center;
    pointer-events: none;
}

.from-history[data-v-da811a2a] .btn[data-v-da811a2a] {
    cursor: pointer;
    pointer-events: all;
    display: inline-block;
}

.from-history[data-v-da811a2a] .btn[data-v-da811a2a] span[data-v-da811a2a] {
    color: #fff;
}

.from-history[data-v-da811a2a] .btn[data-v-da811a2a] a[data-v-da811a2a] {
    color: var(--theme-color-primary);
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.from-history[data-v-da811a2a] .btn[data-v-da811a2a] a[data-v-da811a2a][data-v-da811a2a]:hover {
    color: #fff;
}

body.mobile .narrow-ops[data-v-da811a2a] svg[data-v-da811a2a] {
    opacity: 1;
}

.narrow-ops[data-v-da811a2a] {
    transition: all 0.2s;
    position: absolute;
    color: #fff;
    width: 100%;
    height: 160px;
    text-align: center;
}

.narrow-ops[data-v-da811a2a][data-v-da811a2a]:hover {
    border-radius: 8px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #00000080;
}

.narrow-ops[data-v-da811a2a][data-v-da811a2a]:hover svg[data-v-da811a2a] {
    opacity: 1;
}

.narrow-ops[data-v-da811a2a] svg[data-v-da811a2a] {
    opacity: 0;
    transition: all 0.2s;
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 70px 8px 8px;
}

.narrow-ops[data-v-da811a2a] svg[data-v-da811a2a][data-v-da811a2a]:hover {
    color: var(--theme-color-primary);
}

.narrow-ops[data-v-da811a2a] svg[data-v-da811a2a][data-v-da811a2a]:active {
    filter: brightness(0.9);
}

[data-v-da811a2a] .el-upload-dragger {
    background-color: transparent !important;
    border: none !important;
    height: 160px;
}

[data-v-da811a2a] .el-upload-dragger[data-v-da811a2a]:hover {
    filter: brightness(1.1);
}

[data-v-da811a2a] .el-upload-dragger[data-v-da811a2a]:active {
    filter: brightness(0.9);
}

body.mobile #panel-reference-main-container[data-v-d090dc4c] {
    height: 400px;
}

#panel-reference-main-container[data-v-d090dc4c] {
    height: 295px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#panel-reference-main-container[data-v-d090dc4c][data-v-d090dc4c]::-webkit-scrollbar {
    width: 0;
}

body.mobile .tools[data-v-d090dc4c] {
    margin-top: 4px;
}

.tools[data-v-d090dc4c] {
    float: right;
    margin-top: 8px;
}

.tools[data-v-d090dc4c] a[data-v-d090dc4c] {
    cursor: pointer;
    line-height: 24px;
}

.tools[data-v-d090dc4c] a[data-v-d090dc4c] svg[data-v-d090dc4c] {
    vertical-align: bottom;
    margin-right: 0.5em;
}

.work-item[data-v-d090dc4c] {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 12px;
}

.bottom-tools[data-v-d090dc4c] {
    margin-top: 16px;
    height: 32px;
}

.tabs[data-v-d090dc4c] {
    margin-top: 4px;
    margin-bottom: 18px;
    height: 32px;
}

body.mobile .tabs[data-v-d090dc4c] button[data-v-d090dc4c] {
    padding-left: 16px;
    padding-right: 16px;
}

.url[data-v-d090dc4c] {
    margin-top: 18px;
}

body.mobile .reference-dialog {
    width: calc(100vw - 32px);
}

.reference-dialog .el-icon.el-dialog__close {
    margin-top: 14px;
    margin-left: -8px;
}

.reference-dialog .el-icon.el-dialog__close svg {
    width: 24px;
    height: 24px;
}

.new[data-v-c253d1b7] {
    vertical-align: top;
    font-size: 12px;
    color: #727485;
    width: 120px;
    height: 120px;
    padding: 35px 0 0;
    background-color: var(--main-background);
    border-radius: 12px;
    display: inline-block;
    cursor: pointer;
    border: solid 1px transparent;
    text-align: center;
}

.new[data-v-c253d1b7] div[data-v-c253d1b7]:first-child {
    line-height: 16px;
}

.new[data-v-c253d1b7][data-v-c253d1b7]:hover {
    color: #ccc;
}

body.mobile
    .result[data-v-c253d1b7]
    .setting[data-v-c253d1b7]
    .slider[data-v-c253d1b7]
    .labels[data-v-c253d1b7]
    .item[data-v-c253d1b7] {
    width: calc((100% - 2px) / 5);
}

.result[data-v-c253d1b7] {
    background-color: var(--main-background);
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
}

.result[data-v-c253d1b7] .preview[data-v-c253d1b7] {
    float: left;
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.result[data-v-c253d1b7] .preview[data-v-c253d1b7] .clickable[data-v-c253d1b7] {
    transition: opacity 0.2s;
    opacity: 0;
    position: absolute;
    width: 120px;
    height: 120px;
    background-color: #0008;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding-top: 45px;
    text-align: center;
    border-top-left-radius: 11.5px;
    border-bottom-left-radius: 11.5px;
}

.result[data-v-c253d1b7] .preview[data-v-c253d1b7][data-v-c253d1b7]:hover .clickable[data-v-c253d1b7] {
    opacity: 1;
}

.result[data-v-c253d1b7] .setting[data-v-c253d1b7] {
    height: 120px;
    padding: 18px 18px 18px 140px;
    background: linear-gradient(264deg, #22403eb3 2.09%, #283d46b3 94.63%);
}

.result[data-v-c253d1b7] .setting[data-v-c253d1b7] .title[data-v-c253d1b7] {
    color: #fff;
}

.result[data-v-c253d1b7] .setting[data-v-c253d1b7] .tip[data-v-c253d1b7] {
    font-size: 12px;
    margin-left: 6px;
}

.result[data-v-c253d1b7] .setting[data-v-c253d1b7] .slider[data-v-c253d1b7] {
    padding-top: 12px;
}

.result[data-v-c253d1b7]
    .setting[data-v-c253d1b7]
    .slider[data-v-c253d1b7]
    .labels[data-v-c253d1b7]
    .item[data-v-c253d1b7] {
    font-size: 12px;
    color: #999bac;
    width: 52px;
    float: left;
}

.result[data-v-c253d1b7]
    .setting[data-v-c253d1b7]
    .slider[data-v-c253d1b7]
    .labels[data-v-c253d1b7]
    .item[data-v-c253d1b7].weakest[data-v-c253d1b7],
.result[data-v-c253d1b7]
    .setting[data-v-c253d1b7]
    .slider[data-v-c253d1b7]
    .labels[data-v-c253d1b7]
    .item[data-v-c253d1b7].weaker[data-v-c253d1b7] {
    text-align: left;
}

.result[data-v-c253d1b7]
    .setting[data-v-c253d1b7]
    .slider[data-v-c253d1b7]
    .labels[data-v-c253d1b7]
    .item[data-v-c253d1b7].medium[data-v-c253d1b7] {
    text-align: center;
}

.result[data-v-c253d1b7]
    .setting[data-v-c253d1b7]
    .slider[data-v-c253d1b7]
    .labels[data-v-c253d1b7]
    .item[data-v-c253d1b7].strongest[data-v-c253d1b7],
.result[data-v-c253d1b7]
    .setting[data-v-c253d1b7]
    .slider[data-v-c253d1b7]
    .labels[data-v-c253d1b7]
    .item[data-v-c253d1b7].stronger[data-v-c253d1b7] {
    text-align: right;
}

.result[data-v-c253d1b7]
    .setting[data-v-c253d1b7]
    .slider[data-v-c253d1b7]
    .labels[data-v-c253d1b7]
    .item[data-v-c253d1b7].active[data-v-c253d1b7] {
    color: #fff;
}

.result[data-v-c253d1b7] .setting[data-v-c253d1b7] .slider[data-v-c253d1b7] .el-slider[data-v-c253d1b7] {
    margin-left: 10px;
    width: calc(100% - 20px);
}

.subtitle[data-v-c253d1b7] {
    color: #fffc;
    margin-bottom: 12px;
}

.subtitle[data-v-c253d1b7] span[data-v-c253d1b7] {
    color: #999bac;
    margin-left: 8px;
}

.__panel_prompt_reference_slider .el-slider__button {
    background: linear-gradient(90.81deg, #a3f545, #27db93);
}

.__panel_prompt_reference_slider .el-slider__bar {
    background: #a4e408;
}

.el-dropdown-menu[data-v-e20084a4] {
    background-color: transparent;
}

.enable-membership[data-v-e20084a4] {
    font-size: 14px !important;
    color: var(--theme-color-primary) !important;
    margin: 0 0 2px;
    vertical-align: middle;
}

.item[data-v-21c9bf73] {
    display: inline-block;
    border-radius: 12px;
    background-size: cover;
    margin: 6px;
    background-color: #191d21;
    width: var(--item-width);
    height: var(--item-height);
    overflow: hidden;
}

.item[data-v-21c9bf73][data-v-21c9bf73]:hover .tools[data-v-21c9bf73] {
    opacity: 1;
}

.item[data-v-21c9bf73] .overlay[data-v-21c9bf73] {
    position: absolute;
    border-radius: 11px;
    width: var(--item-width);
    height: var(--item-height);
    background-color: #191d2185;
    text-align: center;
    line-height: var(--item-height);
    transition: opacity 0.4s;
}

.item[data-v-21c9bf73] .overlay[data-v-21c9bf73] div[data-v-21c9bf73]:first-child {
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.item[data-v-21c9bf73] .preview-image[data-v-21c9bf73] {
    object-fit: cover;
    object-position: center;
    position: absolute;
    border-radius: 12px;
    width: var(--item-width);
    height: var(--item-height);
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] {
    transition: opacity 0.2s;
    opacity: 0;
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .bottom-div[data-v-21c9bf73] {
    position: absolute;
    text-align: center;
    width: var(--item-width);
    margin-top: calc(var(--item-height) - 46px);
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73] {
    border-radius: 10px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 6px 12px;
    background: #0007;
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].center[data-v-21c9bf73] {
    cursor: pointer;
    position: absolute;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    width: var(--item-width);
    height: var(--item-height);
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].top[data-v-21c9bf73] {
    display: inline-block;
    margin-top: 16px;
    margin-right: 16px;
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].top[data-v-21c9bf73] svg[data-v-21c9bf73] {
    color: #fff;
    cursor: pointer;
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].top[data-v-21c9bf73] svg.active[data-v-21c9bf73] {
    color: var(--theme-color-hover);
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].top[data-v-21c9bf73] svg[data-v-21c9bf73]:active {
    filter: brightness(0.9);
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].top[data-v-21c9bf73] svg[data-v-21c9bf73]:hover {
    color: var(--theme-color-hover);
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].top[data-v-21c9bf73] svg + svg[data-v-21c9bf73] {
    margin-left: 8px;
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].bottom[data-v-21c9bf73] {
    text-align: center;
    padding: 6px 0;
    line-height: 20px;
    cursor: pointer;
    font-size: var(--btn-font-size);
    width: calc((100% - 32px - 25px) / 3);
    display: inline-block;
}

.item[data-v-21c9bf73]
    .tools[data-v-21c9bf73]
    .btn[data-v-21c9bf73].bottom[data-v-21c9bf73][data-v-21c9bf73]:first-child {
    float: left;
    margin-left: 16px;
}

.item[data-v-21c9bf73]
    .tools[data-v-21c9bf73]
    .btn[data-v-21c9bf73].bottom[data-v-21c9bf73][data-v-21c9bf73]:last-child {
    float: right;
    margin-right: 16px;
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].bottom[data-v-21c9bf73][data-v-21c9bf73]:hover {
    background: #0006;
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].bottom[data-v-21c9bf73][data-v-21c9bf73]:active {
    filter: brightness(0.9);
}

.item[data-v-21c9bf73] .tools[data-v-21c9bf73] .btn[data-v-21c9bf73].bottom[data-v-21c9bf73].disabled[data-v-21c9bf73] {
    opacity: 0.5;
}

.pipe[data-v-21c9bf73] {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    border: solid 1px #999bac;
    height: 8px;
    margin-bottom: 6px;
}

.star-btn[data-v-21c9bf73].active[data-v-21c9bf73] {
    color: #ffc400 !important;
}

.hd-tag[data-v-21c9bf73] {
    background-color: red;
    position: absolute;
    z-index: 1;
    background: #0008;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 4px 8px;
    border-radius: 8px;
    margin-left: 16px;
    margin-top: 16px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: #fff;
}

body.mobile .toolbar[data-v-8bb8da78] {
    left: 41px;
    width: 100vw !important;
    padding-top: 16px;
    height: 80px !important;
}

.toolbar[data-v-8bb8da78] {
    position: absolute;
    background-color: #0d1116;
    height: 120px;
    margin-top: -18px;
    padding-left: 0;
    padding-right: -2px;
    text-align: center;
    padding-top: 12px;
    width: 144px;
    right: 35px;
}

.toolbar[data-v-8bb8da78].expanded[data-v-8bb8da78] {
    width: 534px;
    height: 48px;
}

.design-main-container[data-v-b9ed95a0] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

body.mobile .result-container[data-v-b9ed95a0] {
    width: 100vw !important;
}

.result-container[data-v-b9ed95a0] {
    width: 100vh;
    line-height: 0;
}

.result-container[data-v-b9ed95a0] .result[data-v-b9ed95a0] {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 0;
}

body.mobile .dialog-content[data-v-b9ed95a0] .carousel-left-btn[data-v-b9ed95a0],
body.mobile .dialog-content[data-v-b9ed95a0] .carousel-right-btn[data-v-b9ed95a0] {
    display: none;
}

.dialog-content[data-v-b9ed95a0] {
    text-align: center;
}

.dialog-content[data-v-b9ed95a0] .carousel-btn[data-v-b9ed95a0] {
    position: absolute;
    margin-top: calc(var(--carousel-content-height) / 2 - 24px);
    border: solid 1px #2e363d;
    border-radius: 10em;
    width: 48px;
    height: 48px;
    padding: 0 0 0 6px;
    color: #fff;
}

.dialog-content[data-v-b9ed95a0] .carousel-btn[data-v-b9ed95a0][data-v-b9ed95a0]:hover {
    background-color: #191d21;
}

.dialog-content[data-v-b9ed95a0] .carousel-btn[data-v-b9ed95a0][data-v-b9ed95a0]:active {
    background-color: #242b35;
}

.dialog-content[data-v-b9ed95a0] .carousel-btn[data-v-b9ed95a0][data-v-b9ed95a0]:disabled {
    color: #2e363d;
    background-color: transparent !important;
}

.dialog-content[data-v-b9ed95a0] .carousel-left-btn[data-v-b9ed95a0] {
    margin-left: -92px;
}

.dialog-content[data-v-b9ed95a0] .carousel-right-btn[data-v-b9ed95a0] {
    margin-left: 40px;
}

.dialog-content[data-v-b9ed95a0] .carousel-right-btn[data-v-b9ed95a0] svg[data-v-b9ed95a0] {
    transform: rotate(180deg);
}

.dialog-item[data-v-b9ed95a0] {
    overflow: hidden;
    line-height: 0px !important;
    text-align: center;
    width: var(--carousel-width);
    height: var(--carousel-height);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

body.mobile .dialog-footer[data-v-b9ed95a0] {
    width: 100vw;
    min-width: unset;
    line-height: 54px;
}

body.mobile .dialog-footer[data-v-b9ed95a0] .footer-container[data-v-b9ed95a0] {
    width: 100vw;
    min-width: unset;
}

body.mobile .dialog-footer[data-v-b9ed95a0] .footer-container[data-v-b9ed95a0] .left-part[data-v-b9ed95a0],
body.mobile .dialog-footer[data-v-b9ed95a0] .footer-container[data-v-b9ed95a0] .right-part[data-v-b9ed95a0] {
    float: none;
}

.dialog-footer[data-v-b9ed95a0] {
    padding-left: 8px;
    padding-right: 8px;
    position: fixed;
    width: 100%;
    min-width: 800px;
    left: 0;
    text-align: center;
}

.dialog-footer[data-v-b9ed95a0] .footer-container[data-v-b9ed95a0] {
    display: inline-block;
    min-width: 800px;
    width: var(--carousel-width);
}

.dialog-footer[data-v-b9ed95a0] .footer-container[data-v-b9ed95a0] .left-part[data-v-b9ed95a0] {
    float: left;
}

.dialog-footer[data-v-b9ed95a0] .footer-container[data-v-b9ed95a0] .right-part[data-v-b9ed95a0] {
    float: right;
}

.dialog-footer[data-v-b9ed95a0] .el-dropdown[data-v-b9ed95a0] {
    margin-left: -8px;
}

[data-v-b9ed95a0] .el-loading-mask {
    border-radius: 12px !important;
}

[data-v-b9ed95a0] .el-loading-text {
    color: #eee;
    margin-top: 2em;
}

[data-v-b9ed95a0] .preview.el-dialog.el-dialog--center {
    background: transparent !important;
    border: none !important;
    margin-top: 70px !important;
}

[data-v-b9ed95a0] .preview .el-icon.el-dialog__close {
    position: fixed;
    right: 32px;
    top: 32px;
    border-radius: 10em;
    border: solid 1px #888;
    background-color: #111;
    width: 48px;
    height: 48px;
    color: #888 !important;
    padding-left: 6px;
    padding-top: 2px;
    font-size: 24px !important;
}

[data-v-b9ed95a0] .preview.el-icon.el-dialog__close:hover {
    border-color: #fff;
    color: #fff !important;
}

[data-v-b9ed95a0] .el-carousel.el-carousel--horizontal {
    border-radius: 12px !important;
    width: var(--carousel-width);
    height: var(--carousel-height);
    display: inline-block;
}

[data-v-b9ed95a0] .el-carousel__container {
    border-radius: 12px !important;
}

[data-v-b9ed95a0] .el-carousel__indicators {
    display: none;
}

[data-v-b9ed95a0] button.el-carousel__arrow.el-carousel__arrow--left,
[data-v-b9ed95a0] button.el-carousel__arrow.el-carousel__arrow--right {
    font-size: 36px;
    padding-left: 18px;
}

[data-v-b9ed95a0] .el-carousel__item.is-animating {
    -webkit-transition: -webkit-transform var(--transition-time) ease-in-out;
    transition: -webkit-transform var(--transition-time) ease-in-out;
    transition: transform var(--transition-time) ease-in-out;
    transition: transform var(--transition-time) ease-in-out, -webkit-transform var(--transition-time) ease-in-out;
}

#dropping-image[data-v-b9ed95a0] {
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
}

.empty-container[data-v-b9ed95a0] {
    width: 100%;
}

.empty-container[data-v-b9ed95a0] .empty[data-v-b9ed95a0] {
    padding-top: 0;
    margin-bottom: 112px;
}

body.mobile .el-dialog.preview {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

body.mobile .el-dialog.preview .el-icon.el-dialog__close {
    top: 52px;
    right: 16px;
}

body.mobile .el-dialog.preview .el-dialog__footer {
    height: 128px;
    text-align: center;
}

.el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color);
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: var(--el-datepicker-text-color);
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px;
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px;
}

.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color);
}

.el-date-table td {
    box-sizing: border-box;
    cursor: pointer;
    height: 30px;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 32px;
}

.el-date-table td .el-date-table-cell {
    box-sizing: border-box;
    height: 30px;
    padding: 3px 0;
}

.el-date-table td .el-date-table-cell .el-date-table-cell__text {
    border-radius: 50%;
    display: block;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: 24px;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: var(--el-datepicker-off-text-color);
}

.el-date-table td.today {
    position: relative;
}

.el-date-table td.today .el-date-table-cell__text {
    color: var(--el-color-primary);
    font-weight: 700;
}

.el-date-table td.today.end-date .el-date-table-cell__text,
.el-date-table td.today.start-date .el-date-table-cell__text {
    color: #fff;
}

.el-date-table td.available:hover {
    color: var(--el-datepicker-hover-text-color);
}

.el-date-table td.in-range .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color);
}

.el-date-table td.in-range .el-date-table-cell:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color);
}

.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    color: #fff;
}

.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px;
}

.el-date-table td.end-date .el-date-table-cell,
.el-date-table td.start-date .el-date-table-cell {
    color: #fff;
}

.el-date-table td.end-date .el-date-table-cell__text,
.el-date-table td.start-date .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
}

.el-date-table td.start-date .el-date-table-cell {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px;
}

.el-date-table td.end-date .el-date-table-cell {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px;
}

.el-date-table td.disabled .el-date-table-cell {
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    cursor: not-allowed;
    opacity: 1;
}

.el-date-table td.selected .el-date-table-cell {
    border-radius: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

.el-date-table td.selected .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    border-radius: 15px;
    color: #fff;
}

.el-date-table td.week {
    color: var(--el-datepicker-header-text-color);
    font-size: 80%;
}

.el-date-table td:focus {
    outline: none;
}

.el-date-table th {
    border-bottom: 1px solid var(--el-border-color-lighter);
    color: var(--el-datepicker-header-text-color);
    font-weight: 400;
    padding: 5px;
}

.el-month-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px;
}

.el-month-table td {
    cursor: pointer;
    padding: 8px 0;
    position: relative;
    text-align: center;
    width: 68px;
}

.el-month-table td div {
    box-sizing: border-box;
    height: 48px;
    padding: 6px 0;
}

.el-month-table td.today .cell {
    color: var(--el-color-primary);
    font-weight: 700;
}

.el-month-table td.today.end-date .cell,
.el-month-table td.today.start-date .cell {
    color: #fff;
}

.el-month-table td.disabled .cell {
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    cursor: not-allowed;
}

.el-month-table td.disabled .cell:hover {
    color: var(--el-text-color-placeholder);
}

.el-month-table td .cell {
    border-radius: 18px;
    color: var(--el-datepicker-text-color);
    display: block;
    height: 36px;
    left: 50%;
    line-height: 36px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: 54px;
}

.el-month-table td .cell:hover {
    color: var(--el-datepicker-hover-text-color);
}

.el-month-table td.in-range div {
    background-color: var(--el-datepicker-inrange-bg-color);
}

.el-month-table td.in-range div:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color);
}

.el-month-table td.end-date div,
.el-month-table td.start-date div {
    color: #fff;
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
    background-color: var(--el-datepicker-active-color);
    color: #fff;
}

.el-month-table td.start-date div {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    margin-left: 3px;
}

.el-month-table td.end-date div {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
    margin-right: 3px;
}

.el-month-table td.current:not(.disabled) div {
    border-radius: 24px;
    margin-left: 3px;
    margin-right: 3px;
}

.el-month-table td.current:not(.disabled) .cell {
    background-color: var(--el-datepicker-active-color);
    color: #fff;
}

.el-month-table td:focus-visible {
    outline: none;
}

.el-month-table td:focus-visible .cell {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px;
}

.el-year-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px;
}

.el-year-table .el-icon {
    color: var(--el-datepicker-icon-color);
}

.el-year-table td {
    cursor: pointer;
    padding: 8px 0;
    position: relative;
    text-align: center;
    width: 68px;
}

.el-year-table td div {
    box-sizing: border-box;
    height: 48px;
    padding: 6px 0;
}

.el-year-table td.today .cell {
    color: var(--el-color-primary);
    font-weight: 700;
}

.el-year-table td.disabled .cell {
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    cursor: not-allowed;
}

.el-year-table td.disabled .cell:hover {
    color: var(--el-text-color-placeholder);
}

.el-year-table td .cell {
    border-radius: 18px;
    color: var(--el-datepicker-text-color);
    display: block;
    height: 36px;
    left: 50%;
    line-height: 36px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: 54px;
}

.el-year-table td .cell:hover {
    color: var(--el-datepicker-hover-text-color);
}

.el-year-table td.current:not(.disabled) div {
    border-radius: 24px;
    margin-left: 3px;
    margin-right: 3px;
}

.el-year-table td.current:not(.disabled) .cell {
    background-color: var(--el-datepicker-active-color);
    color: #fff;
}

.el-year-table td:focus-visible {
    outline: none;
}

.el-year-table td:focus-visible .cell {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px;
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%;
}

.el-time-spinner__wrapper {
    display: inline-block;
    max-height: 192px;
    overflow: auto;
    position: relative;
    vertical-align: top;
    width: 50%;
}

.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px;
}

.el-time-spinner__wrapper.is-arrow {
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    transform: translateY(-32px);
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
    background: var(--el-fill-color-light);
    cursor: default;
}

.el-time-spinner__arrow {
    color: var(--el-text-color-secondary);
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--el-index-normal);
}

.el-time-spinner__arrow:hover {
    color: var(--el-color-primary);
}

.el-time-spinner__arrow.arrow-up {
    top: 10px;
}

.el-time-spinner__arrow.arrow-down {
    bottom: 10px;
}

.el-time-spinner__input.el-input {
    width: 70%;
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center;
}

.el-time-spinner__list {
    list-style: none;
    margin: 0;
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
    content: "";
    display: block;
    height: 80px;
    width: 100%;
}

.el-time-spinner__item {
    color: var(--el-text-color-regular);
    font-size: 12px;
    height: 32px;
    line-height: 32px;
}

.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
    background: var(--el-fill-color-light);
    cursor: pointer;
}

.el-time-spinner__item.is-active:not(.is-disabled) {
    color: var(--el-text-color-primary);
    font-weight: 700;
}

.el-time-spinner__item.is-disabled {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed;
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear);
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
    opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear);
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
    opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
    opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center top;
    transition: var(--el-transition-md-fade);
}

.el-zoom-in-top-enter-active[data-popper-placement^="top"],
.el-zoom-in-top-leave-active[data-popper-placement^="top"] {
    transform-origin: center bottom;
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center bottom;
    transition: var(--el-transition-md-fade);
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transform-origin: top left;
    transition: var(--el-transition-md-fade);
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(0.45);
}

.collapse-transition {
    transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out,
        var(--el-transition-duration) padding-bottom ease-in-out;
}

.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
    transition: var(--el-transition-duration) max-height ease-in-out,
        var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
    transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out,
        var(--el-transition-duration) padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
    transition: all 1s;
}

.el-list-enter-from,
.el-list-leave-to {
    opacity: 0;
    transform: translateY(-30px);
}

.el-list-leave-active {
    position: absolute !important;
}

.el-opacity-transition {
    transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}

.el-picker__popper {
    --el-datepicker-border-color: var(--el-disabled-border-color);
}

.el-picker__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-datepicker-border-color);
    box-shadow: var(--el-box-shadow-light);
}

.el-picker__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-datepicker-border-color);
}

.el-picker__popper.el-popper[data-popper-placement^="top"] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent;
}

.el-picker__popper.el-popper[data-popper-placement^="bottom"] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.el-picker__popper.el-popper[data-popper-placement^="left"] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.el-picker__popper.el-popper[data-popper-placement^="right"] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent;
}

.el-date-editor {
    --el-date-editor-width: 220px;
    --el-date-editor-monthrange-width: 300px;
    --el-date-editor-daterange-width: 350px;
    --el-date-editor-datetimerange-width: 400px;
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.el-date-editor.el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
}

.el-date-editor.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
    height: var(--el-input-height, var(--el-component-size));
    width: var(--el-date-editor-width);
}

.el-date-editor--monthrange {
    --el-date-editor-width: var(--el-date-editor-monthrange-width);
}

.el-date-editor--daterange,
.el-date-editor--timerange {
    --el-date-editor-width: var(--el-date-editor-daterange-width);
}

.el-date-editor--datetimerange {
    --el-date-editor-width: var(--el-date-editor-datetimerange-width);
}

.el-date-editor--dates .el-input__wrapper {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.el-date-editor .clear-icon,
.el-date-editor .close-icon {
    cursor: pointer;
}

.el-date-editor .clear-icon:hover {
    color: var(--el-text-color-secondary);
}

.el-date-editor .el-range__icon {
    color: var(--el-text-color-placeholder);
    float: left;
    font-size: 14px;
    height: inherit;
}

.el-date-editor .el-range__icon svg {
    vertical-align: middle;
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--el-text-color-regular);
    display: inline-block;
    font-size: var(--el-font-size-base);
    height: 30px;
    line-height: 30px;
    margin: 0;
    outline: none;
    padding: 0;
    text-align: center;
    width: 39%;
}

.el-date-editor .el-range-input::-moz-placeholder {
    color: var(--el-text-color-placeholder);
}

.el-date-editor .el-range-input:-ms-input-placeholder {
    color: var(--el-text-color-placeholder);
}

.el-date-editor .el-range-input::placeholder {
    color: var(--el-text-color-placeholder);
}

.el-date-editor .el-range-separator {
    align-items: center;
    color: var(--el-text-color-primary);
    display: inline-flex;
    flex: 1;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    margin: 0;
    overflow-wrap: break-word;
    padding: 0 5px;
}

.el-date-editor .el-range__close-icon {
    color: var(--el-text-color-placeholder);
    cursor: pointer;
    font-size: 14px;
    height: inherit;
    width: unset;
}

.el-date-editor .el-range__close-icon:hover {
    color: var(--el-text-color-secondary);
}

.el-date-editor .el-range__close-icon svg {
    vertical-align: middle;
}

.el-date-editor .el-range__close-icon--hidden {
    opacity: 0;
    visibility: hidden;
}

.el-range-editor.el-input__wrapper {
    align-items: center;
    display: inline-flex;
    padding: 0 10px;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.el-range-editor--large {
    line-height: var(--el-component-size-large);
}

.el-range-editor--large.el-input__wrapper {
    height: var(--el-component-size-large);
}

.el-range-editor--large .el-range-separator {
    font-size: 14px;
    line-height: 40px;
}

.el-range-editor--large .el-range-input {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
}

.el-range-editor--small {
    line-height: var(--el-component-size-small);
}

.el-range-editor--small.el-input__wrapper {
    height: var(--el-component-size-small);
}

.el-range-editor--small .el-range-separator {
    font-size: 12px;
    line-height: 24px;
}

.el-range-editor--small .el-range-input {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
}

.el-range-editor.is-disabled {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed;
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: var(--el-disabled-border-color);
}

.el-range-editor.is-disabled input {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed;
}

.el-range-editor.is-disabled input::-moz-placeholder {
    color: var(--el-text-color-placeholder);
}

.el-range-editor.is-disabled input:-ms-input-placeholder {
    color: var(--el-text-color-placeholder);
}

.el-range-editor.is-disabled input::placeholder {
    color: var(--el-text-color-placeholder);
}

.el-range-editor.is-disabled .el-range-separator {
    color: var(--el-disabled-text-color);
}

.el-picker-panel {
    background: var(--el-bg-color-overlay);
    border-radius: var(--el-border-radius-base);
    color: var(--el-text-color-regular);
    line-height: 30px;
}

.el-picker-panel .el-time-panel {
    background-color: var(--el-bg-color-overlay);
    border: 1px solid var(--el-datepicker-border-color);
    box-shadow: var(--el-box-shadow-light);
    margin: 5px 0;
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
    clear: both;
    content: "";
    display: table;
}

.el-picker-panel__content {
    margin: 15px;
    position: relative;
}

.el-picker-panel__footer {
    background-color: var(--el-bg-color-overlay);
    border-top: 1px solid var(--el-datepicker-inner-border-color);
    font-size: 0;
    padding: 4px 12px;
    position: relative;
    text-align: right;
}

.el-picker-panel__shortcut {
    background-color: transparent;
    border: 0;
    color: var(--el-datepicker-text-color);
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 28px;
    outline: none;
    padding-left: 12px;
    text-align: left;
    width: 100%;
}

.el-picker-panel__shortcut:hover {
    color: var(--el-datepicker-hover-text-color);
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: var(--el-datepicker-active-color);
}

.el-picker-panel__btn {
    background-color: transparent;
    border: 1px solid var(--el-fill-color-darker);
    border-radius: 2px;
    color: var(--el-text-color-primary);
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    outline: none;
    padding: 0 20px;
}

.el-picker-panel__btn[disabled] {
    color: var(--el-text-color-disabled);
    cursor: not-allowed;
}

.el-picker-panel__icon-btn {
    background: transparent;
    border: 0;
    color: var(--el-datepicker-icon-color);
    cursor: pointer;
    font-size: 12px;
    margin-top: 8px;
    outline: none;
}

.el-picker-panel__icon-btn:hover {
    color: var(--el-datepicker-hover-text-color);
}

.el-picker-panel__icon-btn:focus-visible {
    color: var(--el-datepicker-hover-text-color);
}

.el-picker-panel__icon-btn.is-disabled {
    color: var(--el-text-color-disabled);
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed;
}

.el-picker-panel__icon-btn .el-icon {
    cursor: pointer;
    font-size: inherit;
}

.el-picker-panel__link-btn {
    vertical-align: middle;
}

.el-picker-panel [slot="sidebar"],
.el-picker-panel__sidebar {
    background-color: var(--el-bg-color-overlay);
    border-right: 1px solid var(--el-datepicker-inner-border-color);
    bottom: 0;
    box-sizing: border-box;
    overflow: auto;
    padding-top: 6px;
    position: absolute;
    top: 0;
    width: 110px;
}

.el-picker-panel [slot="sidebar"] + .el-picker-panel__body,
.el-picker-panel__sidebar + .el-picker-panel__body {
    margin-left: 110px;
}

.el-date-picker {
    --el-datepicker-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary);
    width: 322px;
}

.el-date-picker.has-sidebar.has-time {
    width: 434px;
}

.el-date-picker.has-sidebar {
    width: 438px;
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative;
}

.el-date-picker .el-picker-panel__content {
    width: 292px;
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%;
}

.el-date-picker__editor-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative;
}

.el-date-picker__time-header {
    border-bottom: 1px solid var(--el-datepicker-inner-border-color);
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%;
}

.el-date-picker__header {
    margin: 12px;
    text-align: center;
}

.el-date-picker__header--bordered {
    border-bottom: 1px solid var(--el-border-color-lighter);
    margin-bottom: 0;
    padding-bottom: 12px;
}

.el-date-picker__header--bordered + .el-picker-panel__content {
    margin-top: 0;
}

.el-date-picker__header-label {
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 5px;
    text-align: center;
}

.el-date-picker__header-label:hover {
    color: var(--el-datepicker-hover-text-color);
}

.el-date-picker__header-label:focus-visible {
    color: var(--el-datepicker-hover-text-color);
    outline: none;
}

.el-date-picker__header-label.active {
    color: var(--el-datepicker-active-color);
}

.el-date-picker__prev-btn {
    float: left;
}

.el-date-picker__next-btn {
    float: right;
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center;
}

.el-date-picker__time-label {
    cursor: pointer;
    float: left;
    line-height: 30px;
    margin-left: 10px;
}

.el-date-picker .el-time-panel {
    position: absolute;
}

.el-date-range-picker {
    --el-datepicker-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary);
    width: 646px;
}

.el-date-range-picker.has-sidebar {
    width: 756px;
}

.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
    position: relative;
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%;
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px;
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0;
}

.el-date-range-picker__header {
    height: 28px;
    position: relative;
    text-align: center;
}

.el-date-range-picker__header [class*="arrow-left"] {
    float: left;
}

.el-date-range-picker__header [class*="arrow-right"] {
    float: right;
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px;
}

.el-date-range-picker__content {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 16px;
    width: 50%;
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid var(--el-datepicker-inner-border-color);
}

.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px;
}

.el-date-range-picker__editors-wrap {
    box-sizing: border-box;
    display: table-cell;
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right;
}

.el-date-range-picker__time-header {
    border-bottom: 1px solid var(--el-datepicker-inner-border-color);
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%;
}

.el-date-range-picker__time-header > .el-icon-arrow-right {
    color: var(--el-datepicker-icon-color);
    display: table-cell;
    font-size: 20px;
    vertical-align: middle;
}

.el-date-range-picker__time-picker-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative;
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    background: #fff;
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 1;
}

.el-date-range-picker__time-picker-wrap .el-time-panel {
    position: absolute;
}

.el-time-range-picker {
    overflow: visible;
    width: 354px;
}

.el-time-range-picker__content {
    padding: 10px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.el-time-range-picker__cell {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
}

.el-time-range-picker__header {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center;
}

.el-time-range-picker__body {
    border: 1px solid var(--el-datepicker-border-color);
    border-radius: 2px;
}

.el-time-panel {
    border-radius: 2px;
    box-sizing: content-box;
    left: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 180px;
    z-index: var(--el-index-top);
}

.el-time-panel__content {
    font-size: 0;
    overflow: hidden;
    position: relative;
}

.el-time-panel__content:after,
.el-time-panel__content:before {
    box-sizing: border-box;
    content: "";
    height: 32px;
    left: 0;
    margin-top: -16px;
    padding-top: 6px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    z-index: -1;
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%;
}

.el-time-panel__content:before {
    border-bottom: 1px solid var(--el-border-color-light);
    border-top: 1px solid var(--el-border-color-light);
    margin-left: 12%;
    margin-right: 12%;
    padding-left: 50%;
}

.el-time-panel__content.has-seconds:after {
    left: 66.6666666667%;
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.3333333333%;
}

.el-time-panel__footer {
    border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
    box-sizing: border-box;
    height: 36px;
    line-height: 25px;
    padding: 4px;
    text-align: right;
}

.el-time-panel__btn {
    background-color: transparent;
    border: none;
    color: var(--el-text-color-primary);
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    margin: 0 5px;
    outline: none;
    padding: 0 5px;
}

.el-time-panel__btn.confirm {
    color: var(--el-timepicker-active-color, var(--el-color-primary));
    font-weight: 800;
}

.user-profile-time-picker .el-popper__arrow:before {
    color: #262c36 !important;
    background: #262c36 !important;
    border: none !important;
    outline: none !important;
}

.el-picker-panel__body .el-picker-panel__icon-btn {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}

.el-picker-panel__body .el-picker-panel__icon-btn .el-icon {
    color: #fff !important;
    width: 32px;
    height: 32px;
}

.header[data-v-f20a31c5] {
    width: 100%;
    height: 200px;
    position: relative;
    padding-top: 0;
    margin-top: -8px;
    margin-bottom: -40px;
}

.header[data-v-f20a31c5] .back[data-v-f20a31c5] {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 200px;
}

.header[data-v-f20a31c5] .fore[data-v-f20a31c5] {
    text-align: center;
    padding-top: 60px;
    position: absolute;
    width: 100%;
    height: 200px;
}

.header[data-v-f20a31c5] .content[data-v-f20a31c5] {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.header[data-v-f20a31c5] .content[data-v-f20a31c5] .user-desc[data-v-f20a31c5] {
    display: inline-block;
}

.header[data-v-f20a31c5] .content[data-v-f20a31c5] .avatar[data-v-f20a31c5] {
    float: left;
    margin-right: 24px;
}

.header[data-v-f20a31c5] .content[data-v-f20a31c5] .name[data-v-f20a31c5] {
    margin-top: 10px;
    line-height: 32px;
    font-size: 24px;
    color: #fff;
    white-space: nowrap;
}

.header[data-v-f20a31c5] .content[data-v-f20a31c5] .info[data-v-f20a31c5] {
    font-size: 16px;
    white-space: nowrap;
    color: #fff;
}

.header[data-v-f20a31c5] .content[data-v-f20a31c5] .info[data-v-f20a31c5] b[data-v-f20a31c5] {
    font-weight: 400;
    font-family: Mont;
}

.header[data-v-f20a31c5] .content[data-v-f20a31c5] .info[data-v-f20a31c5] span[data-v-f20a31c5] {
    margin-right: 1em;
}

body.mobile .header-bar-container[data-v-f20a31c5] {
    text-align: left;
}

.header-bar-container[data-v-f20a31c5] {
    width: 100%;
    text-align: center;
    padding-top: var(--top-navigation-height);
}

.header-bar-container[data-v-f20a31c5] .header-bar[data-v-f20a31c5] {
    display: inline-block;
    width: var(--body-min-width);
    background-color: var(--main-background);
    height: 114px;
    padding-left: 22px;
    padding-right: 22px;
}

.header-bar-container[data-v-f20a31c5] .header-bar[data-v-f20a31c5].follows[data-v-f20a31c5] {
    height: 36px;
}

body.mobile .tools[data-v-f20a31c5] {
    line-height: 54px;
}

body.mobile .tools[data-v-f20a31c5] .left[data-v-f20a31c5] {
    text-align: left;
}

body.mobile .tools[data-v-f20a31c5] .left[data-v-f20a31c5] .collection-only-checkbox[data-v-f20a31c5] {
    margin-right: 0;
    margin-left: -16px;
}

body.mobile .tools[data-v-f20a31c5] .right[data-v-f20a31c5] {
    display: none;
    float: none;
    text-align: left;
    padding: 0;
    margin: 0;
    line-height: 64px;
}

body.mobile .tools[data-v-f20a31c5] .right[data-v-f20a31c5] .view-and-date[data-v-f20a31c5] {
    display: none;
    line-height: 32px;
}

body.mobile .tools[data-v-f20a31c5] .right[data-v-f20a31c5] .view-and-date[data-v-f20a31c5] .date[data-v-f20a31c5] {
    vertical-align: bottom;
}

.tools[data-v-f20a31c5] {
    background-color: #00f;
    height: 0px;
    margin-top: 24px;
}

.tools[data-v-f20a31c5] .bar[data-v-f20a31c5] {
    border-left: solid 1px #2e363c;
    margin-right: 16px;
    margin-left: 16px;
    width: 1px;
    height: 13px;
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
}

.tools[data-v-f20a31c5] .left[data-v-f20a31c5] {
    line-height: 0;
    font-size: 0;
    float: left;
}

.tools[data-v-f20a31c5] .left[data-v-f20a31c5] .collection-only-checkbox[data-v-f20a31c5] {
    margin-left: -24px;
    display: inline-block;
    background: none !important;
    border: none;
}

.tools[data-v-f20a31c5] .left[data-v-f20a31c5] .collection-only-checkbox[data-v-f20a31c5] svg[data-v-f20a31c5] {
    margin-bottom: 3px;
}

.tools[data-v-f20a31c5] .right[data-v-f20a31c5] {
    margin-left: -50px;
    float: right;
    padding-right: 8px;
}

.tools[data-v-f20a31c5] .right[data-v-f20a31c5] .select-all[data-v-f20a31c5] svg[data-v-f20a31c5] {
    margin-bottom: 3px;
}

.tools[data-v-f20a31c5] .right[data-v-f20a31c5] .view-and-date[data-v-f20a31c5] {
    display: inline-block;
}

.tools[data-v-f20a31c5] .right[data-v-f20a31c5] .date[data-v-f20a31c5] {
    display: inline-block;
    vertical-align: top;
    border-radius: 10em;
    border: solid 1px #3b3c4d;
    padding-top: 2px;
    padding-left: 0.5em;
    margin-left: 12px;
}

.tools[data-v-f20a31c5] .right[data-v-f20a31c5] .date[data-v-f20a31c5] svg[data-v-f20a31c5] {
    margin-right: 1em;
    vertical-align: middle;
    margin-bottom: 3px;
}

.tools[data-v-f20a31c5] .my-collections[data-v-f20a31c5] {
    display: inline-block;
}

.history-container[data-v-f20a31c5] {
    width: 100%;
    text-align: center;
    padding-top: 8px;
}

body.mobile .header-bar[data-v-f20a31c5] {
    width: 100vw !important;
}

body.mobile .main-content[data-v-f20a31c5] {
    width: calc(100vw - 44px);
    padding: 0;
}

body.mobile .main-content.waterfall-container[data-v-f20a31c5] {
    width: 100vw;
    margin-left: 0;
}

.main-content[data-v-f20a31c5] {
    width: var(--body-min-width);
    padding-left: 22px;
    padding-right: 22px;
    display: inline-block;
    text-align: left;
}

[data-v-f20a31c5] span.el-checkbox__label {
    color: #f2f3f8 !important;
}

[data-v-f20a31c5] span.el-checkbox__input {
    background-color: #2e363c !important;
    border-radius: 2px;
}

[data-v-f20a31c5] .el-checkbox__inner {
    background-color: #2e363c !important;
    border-color: #f2f3f8 !important;
}

[data-v-f20a31c5] .el-date-editor {
    background-color: transparent;
    box-shadow: none !important;
    width: 200px;
}

[data-v-f20a31c5] .el-date-editor i {
    display: none;
}

body.mobile .waterfall[data-v-f20a31c5] {
    margin-left: 0;
    width: calc(100vw - 32px);
}

.waterfall[data-v-f20a31c5] {
    margin-right: 20px;
    margin-left: -14px;
}

.remove-time-filter[data-v-f20a31c5] {
    color: #fff;
    cursor: pointer;
}

.remove-time-filter[data-v-f20a31c5][data-v-f20a31c5]:hover {
    color: var(--theme-color-primary);
}

h1[data-v-ff78afc1] {
    font-size: 20px;
    margin-top: -16px;
}

.content[data-v-ff78afc1] {
    min-height: 200px;
    max-height: 60vh;
    border: dashed 1px #888;
    margin-top: 16px;
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #ccc;
    border-radius: 12px;
}

h1[data-v-5327f237] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #fff;
}

p[data-v-5327f237] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 24px;
}

ol[data-v-5327f237] {
    border-radius: 16px;
    border: dashed 1px #3b3c4d;
    margin-top: 16px;
    padding: 12px 24px 12px 40px;
}

ol[data-v-5327f237] li[data-v-5327f237] {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #fff;
}

.description[data-v-5327f237] {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #c5c7d5;
}

.description[data-v-5327f237] svg[data-v-5327f237] {
    vertical-align: middle;
}

.btn[data-v-5327f237] {
    margin-top: 24px;
    margin-bottom: 12px;
    text-align: right;
}

p[data-v-3ad5d9c7] {
    font-size: 14px;
    font-weight: 24px;
    margin-bottom: 0.5em;
}

p[data-v-3ad5d9c7] b[data-v-3ad5d9c7] {
    font-weight: 700;
}

.el-dialog.video-policy-dialog {
    padding: 32px 32px 40px !important;
}

.video-policy-dialog .el-dialog__header {
    margin-bottom: 32px;
    padding-bottom: 0;
}

.video-policy-dialog .el-dialog__body {
    margin-top: 0;
    padding-top: 0;
    overflow: hidden;
}

.video-policy-dialog .el-dialog__headerbtn {
    margin-top: 24px;
}

.head[data-v-7a115b80] {
    margin-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
}

.head[data-v-7a115b80] svg[data-v-7a115b80] {
    float: right;
    cursor: pointer;
}

.content[data-v-7a115b80] {
    padding-left: 8px;
    padding-right: 8px;
    color: #c5c7d5;
}

.bottom[data-v-7a115b80] {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 2em;
    text-align: right;
}

.policy-name[data-v-7a115b80] {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    margin-left: -16px;
}

.policy-name[data-v-7a115b80] a[data-v-7a115b80] {
    color: var(--theme-color-primary);
}

.progress[data-v-b05593be] {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #191d21;
}

.progress[data-v-b05593be] .content[data-v-b05593be] {
    background-color: #191d21dd;
    height: 100%;
    border-radius: 8px;
    font-size: 14px;
    color: #c5c7d5;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.progress[data-v-b05593be] .content[data-v-b05593be] .inner[data-v-b05593be],
.progress[data-v-b05593be] .content[data-v-b05593be] .inner[data-v-b05593be] div.bar[data-v-b05593be] {
    width: 100%;
}

.progress[data-v-b05593be]
    .content[data-v-b05593be]
    .inner[data-v-b05593be]
    div.bar[data-v-b05593be]
    .el-progress[data-v-b05593be] {
    width: 70%;
    left: 15%;
}

.progress[data-v-b05593be] .content[data-v-b05593be] .inner[data-v-b05593be] .percentage[data-v-b05593be] {
    margin-top: 1.5em;
    color: var(--theme-color-primary);
}

.progress[data-v-b05593be] .content[data-v-b05593be] .inner[data-v-b05593be] .tip1[data-v-b05593be] {
    margin-top: 2em;
}

.progress[data-v-b05593be] .content[data-v-b05593be] .inner[data-v-b05593be] img[data-v-b05593be] {
    margin-top: 50px;
}

.progress[data-v-b05593be] .content[data-v-b05593be] .inner[data-v-b05593be] .reason[data-v-b05593be] {
    margin-top: 2em;
    color: #4b4b5a;
}

.progress[data-v-b05593be]
    .content[data-v-b05593be]
    .inner[data-v-b05593be]
    span.text[data-v-b05593be]
    a[data-v-b05593be] {
    color: var(--theme-color-primary);
}

.progress[data-v-b05593be]
    .content[data-v-b05593be]
    .inner[data-v-b05593be]
    span.text[data-v-b05593be]
    a[data-v-b05593be][data-v-b05593be]:hover {
    filter: brightness(1.05);
}

.progress[data-v-b05593be]
    .content[data-v-b05593be]
    .inner[data-v-b05593be]
    span.text[data-v-b05593be]
    a[data-v-b05593be][data-v-b05593be]:active {
    filter: brightness(0.9);
}

[data-v-b05593be] .el-progress-bar__inner {
    background-color: var(--theme-color-primary);
}

[data-v-b05593be] .el-progress-bar__outer {
    background-color: #3b3c4d !important;
}

[data-v-b05593be] .el-progress__text span {
    color: var(--theme-color-primary);
}

.switch[data-v-61dfb030] {
    position: relative;
    width: 32px;
    height: 16px;
}

.switch[data-v-61dfb030].disabled[data-v-61dfb030] {
    cursor: not-allowed;
}

.switch[data-v-61dfb030].disabled[data-v-61dfb030] .back[data-v-61dfb030] {
    background: #666;
    cursor: not-allowed;
}

.switch[data-v-61dfb030].disabled[data-v-61dfb030] .btn[data-v-61dfb030] {
    cursor: auto;
    background: #ccc;
    cursor: not-allowed;
}

.switch[data-v-61dfb030].disabled[data-v-61dfb030] .btn[data-v-61dfb030][data-v-61dfb030]:hover {
    background: #ccc;
}

.switch[data-v-61dfb030] .back[data-v-61dfb030] {
    position: absolute;
    margin: 4px 0;
    width: 32px;
    height: 8px;
    border-radius: 10em;
    background: #1be5ec3d;
}

.switch[data-v-61dfb030] .back[data-v-61dfb030][data-v-61dfb030]:not(.on) {
    background: #727485;
}

.switch[data-v-61dfb030] .btn[data-v-61dfb030] {
    transition: margin-left 0.2s;
    position: absolute;
    border-radius: 10em;
    width: 16px;
    height: 16px;
    background: #1be5ec;
}

.switch[data-v-61dfb030] .btn[data-v-61dfb030][data-v-61dfb030]:not(.on) {
    background: #e5e6ee;
}

.switch[data-v-61dfb030] .btn[data-v-61dfb030].on[data-v-61dfb030] {
    margin-left: 16px;
}

.from-history[data-v-adf45135] {
    font-size: 14px;
    float: right;
    margin-top: -28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #eee;
    cursor: pointer;
}

.from-history[data-v-adf45135].disabled[data-v-adf45135] {
    opacity: 0.3;
}

.from-history[data-v-adf45135] i[data-v-adf45135] {
    color: #36ee45;
    font-style: normal;
    margin-left: 4px;
    margin-right: 4px;
}

.from-history[data-v-adf45135] i[data-v-adf45135] svg[data-v-adf45135] {
    margin-top: 6px;
}

.from-history[data-v-adf45135][data-v-adf45135]:hover {
    color: #fff;
}

.from-history[data-v-adf45135][data-v-adf45135]:hover i[data-v-adf45135] {
    color: #61f16d;
}

.size-limit[data-v-adf45135] {
    margin-top: -12px;
    margin-bottom: 12px;
    font-size: 12px;
    color: #999bac;
}

.__panel_image_prompt_uploads {
    width: 420px !important;
}

.__panel_image_prompt_uploads.multi {
    margin-right: -1px;
    height: 160px;
}

.__panel_image_prompt_uploads.multi .item {
    position: relative;
    display: inline-block;
    width: 200px;
}

.__panel_image_prompt_uploads.multi .item:first-child {
    margin-right: 19px;
}

.__panel_image_prompt_uploads.multi .cross {
    position: absolute;
    display: inline-block;
    margin-top: 64px;
    margin-left: -232px;
}

.movement-slider[data-v-5141c0c1] {
    height: 32px;
}

.movement-slider[data-v-5141c0c1] button[data-v-5141c0c1] {
    border: 1px solid #2d3e3f;
    background: #0001;
    width: 32px;
    height: 32px;
    display: inline-block;
    padding: 0;
    color: #ccc;
    border-radius: 0;
    margin: 0;
    vertical-align: middle;
}

.movement-slider[data-v-5141c0c1] button[data-v-5141c0c1] svg[data-v-5141c0c1] {
    margin-top: -6px;
    margin-left: 6px;
}

.movement-slider[data-v-5141c0c1] button[data-v-5141c0c1][data-v-5141c0c1]:hover {
    background: #fff2;
    color: #fff;
}

.movement-slider[data-v-5141c0c1] button[data-v-5141c0c1][data-v-5141c0c1]:active {
    background: #fff4;
    color: #fff;
}

.movement-slider[data-v-5141c0c1] button[data-v-5141c0c1].right[data-v-5141c0c1] {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.movement-slider[data-v-5141c0c1] button[data-v-5141c0c1].right[data-v-5141c0c1] svg[data-v-5141c0c1] {
    transform: rotate(180deg);
}

.movement-slider[data-v-5141c0c1] button[data-v-5141c0c1].left[data-v-5141c0c1] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.movement-slider[data-v-5141c0c1] .view[data-v-5141c0c1] {
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding: 0 4px;
    width: calc(100% - 129px);
    height: 32px;
    border-top: 1px solid #2d3e3f;
    border-bottom: 1px solid #2d3e3f;
    background: #fff1;
}

.movement-slider[data-v-5141c0c1] .view[data-v-5141c0c1] .view-content[data-v-5141c0c1] {
    position: relative;
    width: 100%;
    height: 32px;
}

.movement-slider[data-v-5141c0c1] .view[data-v-5141c0c1] .view-content[data-v-5141c0c1] .span[data-v-5141c0c1] {
    background: #1be5ec52;
    position: absolute;
    height: 30px;
}

.movement-slider[data-v-5141c0c1] .view[data-v-5141c0c1] .view-content[data-v-5141c0c1] .btn[data-v-5141c0c1] {
    position: absolute;
    height: 30px;
    width: 8px;
    cursor: pointer;
    border-radius: 2px;
    background-color: var(--theme-color-primary);
    margin-left: -4px;
}

.movement-slider[data-v-5141c0c1] input[data-v-5141c0c1] {
    width: 51px;
    height: 32px;
    border: 1px solid #2d3e3f;
    border-radius: 8px;
    display: inline-block;
    background: #0001;
    margin-left: 12px;
    box-shadow: none;
    text-align: center;
    color: #fff;
}

.el-select-dropdown__item[data-v-15b7c5d8] {
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
}

body.lang-en .content .title-bar[data-v-15b7c5d8] {
    margin-left: 80px;
}

body.mobile .content .main-view[data-v-15b7c5d8],
body.mobile .content .main-view .container[data-v-15b7c5d8] {
    width: calc(100vw - 68px);
}

body.mobile .content .main-view .back[data-v-15b7c5d8],
body.mobile .content .main-view .view[data-v-15b7c5d8] {
    width: calc(100vw - 208px);
}

.r-content[data-v-15b7c5d8] {
    flex: 1;
    display: flex;
    gap: 8px;
}

.content[data-v-15b7c5d8] {
    height: 20px;
    transition: height 0.2s;
}

.content.expand[data-v-15b7c5d8] {
    height: auto;
}

.content.expand .title-bar a svg[data-v-15b7c5d8] {
    transform: rotate(0);
}

.content.disabled .main-view[data-v-15b7c5d8] {
    opacity: 30%;
}

.content.disabled .main-view .view[data-v-15b7c5d8] {
    opacity: 0;
}

.content.disabled .movement-type[data-v-15b7c5d8],
.content.disabled .parameter[data-v-15b7c5d8] {
    opacity: 30%;
}

.content .title-bar[data-v-15b7c5d8] {
    pointer-events: none;
    margin-top: -41px;
    height: 41px;
}

.content .title-bar span[data-v-15b7c5d8] {
    font-size: 14px;
    color: #999bac;
    margin-left: 8em;
}

.content .title-bar a[data-v-15b7c5d8] {
    pointer-events: all;
    color: #fff;
    cursor: pointer;
}

.content .title-bar a[data-v-15b7c5d8]:hover {
    color: var(--theme-color-primary);
}

.content .title-bar svg[data-v-15b7c5d8] {
    transform: rotate(180deg);
    transition: all 0.4s;
    float: right;
}

.content .main-view[data-v-15b7c5d8] {
    height: 220px;
    width: 418px;
    border-radius: 10px;
    background-color: #0d1116;
}

.content .main-view .container[data-v-15b7c5d8] {
    position: absolute;
    overflow: hidden;
    width: 418px;
    border-radius: 10px;
    height: 220px;
}

.content .main-view .back[data-v-15b7c5d8] {
    background-color: #333a45;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 284px;
    height: 160px;
    position: absolute;
    margin-left: 67px;
    margin-top: 30px;
    border-radius: 12px;
}

.content .main-view .view[data-v-15b7c5d8] {
    transition: all 0.5s linear;
    position: absolute;
    width: 284px;
    height: 160px;
    border-radius: 12px;
    background: #1be5ec3d;
    border: 1px solid #1be5ec;
    margin-left: 67px;
    margin-top: 30px;
    transform: perspective(300px) scale(var(--view-translate-z)) rotate(var(--view-rotate-z))
        rotateX(var(--view-rotate-x)) rotateY(var(--view-rotate-y)) translate(var(--view-translate-x))
        translateY(var(--view-translate-y));
}

.content .main-view .nav[data-v-15b7c5d8] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
}

.content .movement-type[data-v-15b7c5d8] {
    display: flex;
    align-items: center;
    margin-top: 16px;
    height: 32px;
    width: 100%;
    gap: 24px;
}

.content .movement-type .title[data-v-15b7c5d8] {
    color: #fffc;
}

.content .movement-type .title svg[data-v-15b7c5d8] {
    color: #fff;
    vertical-align: middle;
    margin-bottom: 1px;
    margin-left: 4px;
}

.content .movement-type button[data-v-15b7c5d8] {
    width: 51px;
    height: 32px;
    text-align: center;
    padding: 0;
    line-height: 32px;
    margin-right: -12px;
    border: 1px solid #2d3e3f;
    background: #0002;
    border-radius: 8px;
}

.content .movement-type button svg[data-v-15b7c5d8] {
    margin-top: -6px;
    margin-left: 15px;
}

.content .movement-type button[data-v-15b7c5d8]:hover {
    color: #1be5ec;
}

.content .movement-type button[data-v-15b7c5d8]:active {
    background: #fff2;
}

.parameter[data-v-15b7c5d8] {
    margin-top: 12px;
}

.parameter .label[data-v-15b7c5d8] {
    width: 76px;
    height: 32px;
    color: #fffc;
    margin-right: 24px;
    display: inline-block;
}

.parameter .input[data-v-15b7c5d8] {
    display: inline-block;
    width: 318px;
}

body.mobile .parameter .input[data-v-15b7c5d8] {
    width: calc(100vw - 172px);
}

.info[data-v-ca00ddfc] {
    --info-size: 140px;
    margin-top: 4px;
    margin-bottom: 20px;
}

.info[data-v-ca00ddfc] .preview[data-v-ca00ddfc] {
    float: left;
    width: var(--info-size);
    height: var(--info-size);
    border-radius: 12px;
    overflow: hidden;
}

.info[data-v-ca00ddfc] .preview[data-v-ca00ddfc] .full[data-v-ca00ddfc] {
    position: absolute;
    width: var(--info-size);
    height: var(--info-size);
    border-radius: 12px;
    overflow: hidden;
}

.info[data-v-ca00ddfc] .preview[data-v-ca00ddfc] .blur[data-v-ca00ddfc] {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px) !important;
}

.info[data-v-ca00ddfc] .preview[data-v-ca00ddfc] .fore[data-v-ca00ddfc] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.info[data-v-ca00ddfc] .preview[data-v-ca00ddfc] .tag[data-v-ca00ddfc] {
    position: absolute;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    margin-left: 8px;
    margin-top: 8px;
    padding: 3px 8px;
    border-radius: 8px;
    background-color: #2e2f334d;
    font-size: 12px;
}

.info[data-v-ca00ddfc] .prompt[data-v-ca00ddfc] {
    display: inline-block;
    margin-left: 12px;
    margin-top: -1px;
    height: var(--info-size);
    width: calc(100% - var(--info-size) - 12px);
}

.history[data-v-ca00ddfc] {
    margin-top: 16px;
}

.buttons[data-v-ca00ddfc] {
    margin-top: 20px;
    text-align: right;
}

.extend-dialog .el-icon.el-dialog__close {
    margin-top: 12px;
    margin-left: -6px;
}

.extend-dialog .el-icon.el-dialog__close svg {
    width: 20px;
    height: 20px;
}

.design-main-container[data-v-b61277d3] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

body.mobile .result-container .result .tools[data-v-b61277d3] {
    min-width: unset;
    width: calc(100vw - 32px) !important;
    line-height: 54px;
}

.result-container[data-v-b61277d3] {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.result-container .result[data-v-b61277d3] {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
}

.result-container .result video[data-v-b61277d3] {
    width: 100%;
    background: #0006;
    border-radius: 12px;
}

.result-container .result .tools[data-v-b61277d3] {
    display: inline-block;
    margin-top: 8px;
    text-align: right;
    min-width: 540px;
}

body.mobile .tab-container[data-v-b61277d3] {
    margin-top: 8px;
}

.tab-container[data-v-b61277d3] {
    position: absolute;
}

.tab-placeholder[data-v-b61277d3] {
    height: 64px;
}

.extension-history[data-v-b61277d3] {
    text-align: center;
}

.extension-history .extension-history-content[data-v-b61277d3] {
    text-align: left;
    display: inline-block;
    margin-top: 24px;
}

.empty-container[data-v-b61277d3] {
    width: 100%;
}

.empty-container .empty[data-v-b61277d3] {
    padding-top: 0;
    margin-bottom: 112px;
}

.extend-history-btn[data-v-b61277d3] {
    cursor: pointer;
    vertical-align: middle;
    color: #fff;
    float: left;
    margin-left: 12px;
    margin-top: 10px;
}

.extend-history-btn[data-v-b61277d3]:hover {
    color: var(--theme-color-primary);
}

.extend-history-btn svg[data-v-b61277d3] {
    vertical-align: middle;
    margin-bottom: 5px;
}

.progress-container[data-v-b61277d3] {
    width: 100%;
}

.progress-container .progress-panel[data-v-b61277d3] {
    display: inline-block;
}

.overlay-tools-container[data-v-b61277d3] {
    text-align: center;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.overlay-tools-container .overlay-tools-video-width[data-v-b61277d3] {
    line-height: 0;
    height: 0;
    display: inline-block;
    text-align: right;
    position: relative;
}

.overlay-tools-container .overlay-tools-video-width .overlay-tools-holder[data-v-b61277d3] {
    position: absolute;
    width: 100%;
    vertical-align: top;
}

.overlay-tools-container .overlay-tools-video-width .overlay-tools-holder .overlay-tools[data-v-b61277d3] {
    display: inline-block;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    margin-right: 12px;
    margin-top: 12px;
    background: #0006;
    border-radius: 8px;
    padding: 9px 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    pointer-events: all;
}

.overlay-tools-container .overlay-tools-video-width .overlay-tools-holder .overlay-tools span.q[data-v-b61277d3] {
    margin-right: -8px;
}

.overlay-tools-container .overlay-tools-video-width .overlay-tools-holder .overlay-tools svg[data-v-b61277d3] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-left: 12px;
}

.overlay-tools-container .overlay-tools-video-width .overlay-tools-holder .overlay-tools svg.active[data-v-b61277d3] {
    color: var(--theme-color-primary);
}

.overlay-tools-container .overlay-tools-video-width .overlay-tools-holder .overlay-tools .pipe[data-v-b61277d3] {
    display: inline-block;
    border-left: solid 1px #c5c7d5;
    height: 12px;
    width: 1px;
    margin-left: 12px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.el-popper.is-dark.__video_design_extension_history_tip {
    background-color: #151c20 !important;
}

.el-popper.is-dark.__video_design_extension_history_tip span.el-popper__arrow:before {
    background: #151c20 !important;
}

.top-title[data-v-f8176452] {
    position: absolute;
    top: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    width: 100vw;
}

.header-bar-container[data-v-f8176452] {
    width: 100%;
    text-align: left;
}

.header-bar-container[data-v-f8176452] .header-bar[data-v-f8176452] {
    display: inline-block;
    padding-top: 18px;
    padding-right: 22px;
    margin-bottom: 2em;
    height: 68px;
    background-color: var(--main-background);
    text-align: left;
    padding-left: calc((100% - var(--body-min-width)) / 2 + 22px);
}

.main-container[data-v-f8176452] {
    width: 100%;
    text-align: center;
    padding-top: 8px;
}

.main-content[data-v-f8176452] {
    width: var(--body-min-width);
    padding-left: 22px;
    padding-right: 22px;
    display: inline-block;
    text-align: left;
}

.main-content[data-v-f8176452] .content[data-v-f8176452] {
    background-color: #222;
    color: #ccc;
    border-radius: 20px;
    padding: 48px;
    margin-bottom: 5em;
}

.document-view-content table {
    margin-top: 12px;
    margin-bottom: 12px;
    border-top: solid 1px #888;
    border-right: solid 1px #888;
}

.document-view-content table td {
    padding: 8px 12px;
    border-bottom: solid 1px #888;
    border-left: solid 1px #888;
}

.document-view-content pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.document-view-content pre a {
    color: #72e528;
    text-decoration: none;
}

.document-view-content h1 {
    text-align: center;
    margin-bottom: 2em;
}

.header-bar-container[data-v-3778ceee] {
    width: 100%;
    text-align: left;
}

.header-bar-container[data-v-3778ceee] .header-bar[data-v-3778ceee] {
    display: inline-block;
    padding-top: 18px;
    padding-right: 22px;
    margin-bottom: 2em;
    height: 68px;
    background-color: var(--main-background);
    text-align: left;
    padding-left: calc((100% - 1180px) / 2 + 22px);
}

.main-container[data-v-3778ceee] {
    width: 100%;
    text-align: center;
    padding-top: 8px;
}

.main-content[data-v-3778ceee] {
    width: 1180px;
    display: inline-block;
    text-align: left;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] {
    color: #ccc;
    border-radius: 20px;
    padding-bottom: 120px;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] h1[data-v-3778ceee] {
    font-size: 40px;
    font-weight: 900;
    line-height: 46.88px;
    text-align: center;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] h1[data-v-3778ceee] span[data-v-3778ceee] {
    background: linear-gradient(
        89.51deg,
        #fff 19.64%,
        #82fac2 54.53%,
        #10cfff 71.85%,
        #52d7ff 103.86%,
        #e0f3ff 116.88%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] .release-notes-body[data-v-3778ceee] {
    margin-top: 40px;
    color: #fff;
    padding: 40px 52px;
    border-radius: 16px;
    background-position: right top;
    background-image: url(../assets/content-bg.png);
    background-repeat: no-repeat;
    background-color: #111617;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] h2[data-v-3778ceee] {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] h2[data-v-3778ceee] svg[data-v-3778ceee] {
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] h3[data-v-3778ceee] {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] h3[data-v-3778ceee] span[data-v-3778ceee] {
    background: linear-gradient(89.86deg, #a7ff1a, #82fac2, #47d4ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] p[data-v-3778ceee] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] p[data-v-3778ceee] i[data-v-3778ceee] {
    font-style: normal;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #1be5ec;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] p + p[data-v-3778ceee] {
    margin-top: 4px;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] .highlight[data-v-3778ceee] {
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(89.86deg, #1b2904, #15281f, #0b2229),
        linear-gradient(89.86deg, #a7ff1a, #82fac2, #47d4ff);
    padding: 16px 20px;
    margin-top: 24px;
    border-radius: 8px;
    margin-bottom: 24px;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] .highlight[data-v-3778ceee] .comment[data-v-3778ceee] {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #999bac;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .highlight[data-v-3778ceee]
    p[data-v-3778ceee]
    span.colorful[data-v-3778ceee] {
    background: linear-gradient(
        89.51deg,
        #fff 19.64%,
        #82fac2 54.53%,
        #10cfff 71.85%,
        #52d7ff 103.86%,
        #e0f3ff 116.88%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .highlight[data-v-3778ceee]
    p[data-v-3778ceee]
    i[data-v-3778ceee] {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    font-style: normal;
    margin-left: 4px;
    border-radius: 4px;
    background: linear-gradient(89.86deg, #ffe785, #ffde70, #ffb685);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] ol[data-v-3778ceee] {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] ol[data-v-3778ceee] li[data-v-3778ceee] {
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] ol[data-v-3778ceee] li + li[data-v-3778ceee] {
    margin-top: 12px;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] .demo-item[data-v-3778ceee] h4[data-v-3778ceee] {
    padding: 0;
    margin-top: 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    h4[data-v-3778ceee]
    span[data-v-3778ceee] {
    background: linear-gradient(89.43deg, #fff, #fff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    h4[data-v-3778ceee]
    .dot[data-v-3778ceee] {
    background: linear-gradient(89.43deg, #fff, #fff);
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 3px;
}

.main-content[data-v-3778ceee] .content[data-v-3778ceee] .demo-item[data-v-3778ceee] .demo[data-v-3778ceee] {
    margin-top: 12px;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .input[data-v-3778ceee] {
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    position: relative;
    width: 280px;
    height: 206px;
    border-radius: 8px;
    background: linear-gradient(89.86deg, #a7ff1a66, #82fac266, #47d4ff66);
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .input[data-v-3778ceee]
    img[data-v-3778ceee] {
    width: 278px;
    height: 204px;
    object-fit: cover;
    margin: 1px;
    border-radius: 6px;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .input[data-v-3778ceee]
    .prompt[data-v-3778ceee] {
    position: absolute;
    width: 278px;
    margin-top: -64px;
    padding: 12px 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 1px;
    background: #000000a3;
    height: 63px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-align: left;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .input[data-v-3778ceee]
    .prompt[data-v-3778ceee]
    label[data-v-3778ceee] {
    color: #999bac;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .input[data-v-3778ceee]
    .prompt[data-v-3778ceee].full[data-v-3778ceee] {
    margin-top: -205px;
    height: 204px;
    padding-top: 60px;
    border-radius: 7px;
    background: transparent;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .input[data-v-3778ceee]
    .prompt[data-v-3778ceee].three-lines[data-v-3778ceee] {
    margin-top: -84px;
    height: 83px;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .input[data-v-3778ceee]
    .prompt[data-v-3778ceee].four-lines[data-v-3778ceee] {
    margin-top: -104px;
    height: 103px;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .arrow[data-v-3778ceee] {
    margin: 93px 8px 8px;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .video[data-v-3778ceee] {
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    position: relative;
    width: 366px;
    height: 206px;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(89.86deg, #a7ff1a66, #82fac266, #47d4ff66);
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .video[data-v-3778ceee]
    + .video[data-v-3778ceee] {
    margin-left: 16px;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .video[data-v-3778ceee]
    .play[data-v-3778ceee] {
    position: absolute;
    margin-left: 163px;
    margin-top: 83px;
    cursor: pointer;
    z-index: 1;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .video[data-v-3778ceee]
    .play[data-v-3778ceee][data-v-3778ceee]:active {
    filter: brightness(0.9);
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .video[data-v-3778ceee]
    .video-content[data-v-3778ceee] {
    margin: 1px;
    width: 364px;
    height: 204px;
    overflow: hidden;
    border-radius: 7px;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .video[data-v-3778ceee]
    .video-content[data-v-3778ceee]
    video[data-v-3778ceee] {
    width: 100%;
    height: auto;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .video[data-v-3778ceee]
    .video-content[data-v-3778ceee]
    video[data-v-3778ceee].upper[data-v-3778ceee] {
    margin-top: -80px;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .video[data-v-3778ceee]
    .label[data-v-3778ceee] {
    background: #0d1116cc;
    right: 1px;
    padding: 4px 12px;
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    border-bottom-right-radius: 7px;
    border-top-left-radius: 7px;
    margin-top: 173px;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .video[data-v-3778ceee]
    .label[data-v-3778ceee]
    span[data-v-3778ceee] {
    background: linear-gradient(89.43deg, #82fac2, #47d4ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-content[data-v-3778ceee]
    .content[data-v-3778ceee]
    .demo-item[data-v-3778ceee]
    .demo[data-v-3778ceee]
    .video[data-v-3778ceee]
    .label[data-v-3778ceee]
    img[data-v-3778ceee] {
    margin-left: 4px;
    vertical-align: top;
    margin-top: 4px;
}

ol.demo-feature-list li i {
    color: #1be5ec;
    font-style: normal;
}

h1[data-v-54b64559] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #fff;
}

.section[data-v-54b64559] {
    margin-top: 16px;
}

h4[data-v-54b64559] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    margin-bottom: 8px;
}

h4[data-v-54b64559] sup[data-v-54b64559] {
    color: red;
    margin-left: 4px;
    vertical-align: middle;
}

h4[data-v-54b64559] span[data-v-54b64559] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #727485;
}

textarea[data-v-54b64559] {
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #fff;
    background: #0d1116;
    width: 748px;
    padding: 8px 16px;
    border-radius: 8px;
    border: solid 1px transparent;
    resize: none;
}

textarea[data-v-54b64559][data-v-54b64559]::placeholder {
    color: #727485;
}

.btns[data-v-54b64559] {
    margin-top: 24px;
    text-align: right;
}

.screen[data-v-2976a091] {
    width: 100%;
    text-align: center;
}

.screen[data-v-2976a091] .content-border[data-v-2976a091] {
    display: inline-block;
    width: 1180px;
    background-color: red;
    border-radius: 12px;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #222, #222),
        linear-gradient(83.15deg, #323639 1.5%, #1a5b38 42.89%, #262a2f 74.88%, #4f6d6e);
    margin-bottom: 100px;
}

.screen[data-v-2976a091] .content-border[data-v-2976a091] .content[data-v-2976a091] {
    background-position: right -28px;
    background-size: 50%;
    background-repeat: no-repeat;
    padding: 35px 50px;
}

.screen[data-v-2976a091] .content-border[data-v-2976a091] .content[data-v-2976a091] h1[data-v-2976a091] {
    font-size: 24px;
    font-weight: 900;
    line-height: 30px;
}

.screen[data-v-2976a091]
    .content-border[data-v-2976a091]
    .content[data-v-2976a091]
    h1[data-v-2976a091]
    span[data-v-2976a091] {
    background: linear-gradient(
        89.53deg,
        #fff -6.33%,
        #82fac2 37.84%,
        #10cfff 59.76%,
        #52d7ff 100.29%,
        #e0f3ff 116.77%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.screen[data-v-2976a091]
    .content-border[data-v-2976a091]
    .content[data-v-2976a091]
    h1[data-v-2976a091]
    .btns[data-v-2976a091] {
    float: right;
    margin-top: -4px;
}

.screen[data-v-2976a091] .content-border[data-v-2976a091] .content[data-v-2976a091] .img[data-v-2976a091] {
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
}

.screen[data-v-2976a091]
    .content-border[data-v-2976a091]
    .content[data-v-2976a091]
    .img[data-v-2976a091]
    img[data-v-2976a091] {
    width: 100%;
    border-radius: 12px;
}

.title[data-v-17c1ffe9] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
}

.content[data-v-17c1ffe9] {
    margin-top: 24px;
    margin-bottom: 16px;
}

.notice[data-v-17c1ffe9] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.notice[data-v-17c1ffe9] a[data-v-17c1ffe9] {
    color: #82fac2;
    text-decoration: none;
}

.btns[data-v-17c1ffe9] {
    margin-top: 32px;
    margin-bottom: 16px;
    text-align: right;
}

body.mobile .bg[data-v-b3d9cf49] {
    width: 100vw;
}

body.mobile .bg[data-v-b3d9cf49] img[data-v-b3d9cf49] {
    margin-left: -29vw;
    width: 150vw !important;
}

.bg[data-v-b3d9cf49] {
    width: 1100px;
    margin-left: -24px;
    margin-top: -16px;
}

body.mobile .btns[data-v-b3d9cf49] {
    margin: 0;
    width: calc(100vw - 80px);
    text-align: center;
    padding-top: 60px;
}

body.lang-en .btns[data-v-b3d9cf49] {
    margin-right: 154px;
}

.btns[data-v-b3d9cf49] {
    margin: -106px 202px 80px 216px;
}

.btn-cancel[data-v-b3d9cf49] {
    background: #ffffff1f !important;
}

.btn-cancel[data-v-b3d9cf49][data-v-b3d9cf49]:hover {
    background: #ffffff2f !important;
}

.btn-cancel[data-v-b3d9cf49][data-v-b3d9cf49]:active {
    background: #ffffff3f !important;
}

body.mobile .el-dialog.notice-message-dialog {
    overflow-x: hidden;
}

body.mobile .el-dialog.notice-message-dialog .el-dialog__headerbtn {
    right: -50vw;
    top: -20vw;
}

.el-dialog.notice-message-dialog {
    background: transparent !important;
    border: transparent !important;
    box-shadow: none !important;
}

.el-dialog.notice-message-dialog .el-dialog__headerbtn {
    margin-top: 40px !important;
    margin-right: 200px !important;
}

.monetization-bg[data-v-514fd69c] {
    width: 1000px;
    margin-left: -24px;
    margin-top: -16px;
}

.btns[data-v-514fd69c] {
    margin-top: -48px;
    margin-left: 460px;
    padding-left: 11px;
    margin-bottom: 80px;
}

.btn-cancel[data-v-514fd69c] {
    background: #ffffff1f !important;
}

.btn-cancel[data-v-514fd69c][data-v-514fd69c]:hover {
    background: #ffffff2f !important;
}

.btn-cancel[data-v-514fd69c][data-v-514fd69c]:active {
    background: #ffffff3f !important;
}

body.lang-en .btns[data-v-514fd69c] {
    margin-left: 390px;
}

body.lang-en .btns[data-v-514fd69c] .btn-ok[data-v-514fd69c] {
    width: 292px;
}

.el-dialog.monetization-welcome-dialog {
    background: transparent !important;
    border: transparent !important;
    box-shadow: none !important;
}

.el-dialog.monetization-welcome-dialog .el-dialog__headerbtn {
    margin-top: 64px !important;
    margin-right: 64px !important;
}

.demo[data-v-d748ee4a] {
    padding: 0 4px 12px;
}

.demo h2[data-v-d748ee4a] {
    color: #fff;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-top: 12px;
}

.demo p[data-v-d748ee4a] {
    color: #727485;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.demo .entries[data-v-d748ee4a] {
    border-radius: 8px;
    border: 1px dashed #3b3c4d;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.demo .entries span[data-v-d748ee4a] {
    color: #727485;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.demo .entries a[data-v-d748ee4a] {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.demo .entries .clickable[data-v-d748ee4a]:hover {
    color: #72e528;
}

.demo .qrs[data-v-d748ee4a] {
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    border: 1px dashed #3b3c4d;
    margin-top: 8px;
}

.demo .qrs .qr[data-v-d748ee4a] {
    display: inline-block;
    margin-right: 16px;
}

.demo .qrs .qr[data-v-d748ee4a]:last-child {
    margin-right: 0;
}

.demo .qrs .qr .img[data-v-d748ee4a] {
    width: 128px;
    height: 128px;
    padding: 4px;
    border-radius: 8px;
    background-color: #fff;
}

.demo .qrs .qr .img img[data-v-d748ee4a] {
    width: 100%;
}

.demo .qrs .qr p[data-v-d748ee4a] {
    color: #c5c7d5;
    text-align: center;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
}

.home-highlight[data-v-ea394df5] {
    position: absolute;
    background: linear-gradient(135deg, #52ffba 9.27%, #23faec 46.96%, #0af 88.5%);
    width: 4px;
    height: 16px;
    border-radius: 100px;
    left: 0;
    top: 30px;
}

ul[data-v-ea394df5] {
    padding: 0;
}

hr[data-v-ea394df5] {
    position: absolute;
    border: none;
    margin-top: -19px !important;
    margin-bottom: 8px !important;
    border-top: 1px solid #24282c;
    width: 200px;
}

li[data-v-ea394df5] {
    width: 234px;
    height: 46px;
    font-size: 16px;
    list-style: none;
    padding: 11px 16px;
    border-radius: 10em;
    cursor: pointer;
    transition: background-color ease 0.15s;
    color: #c5c7d5;
    margin-bottom: 4px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
}

li[data-v-ea394df5].large[data-v-ea394df5] {
    margin-top: 12px;
    margin-bottom: 4px;
}

li[data-v-ea394df5].small[data-v-ea394df5] {
    margin-top: -6px;
}

li[data-v-ea394df5] svg[data-v-ea394df5] {
    margin-right: 0.5em;
    vertical-align: top;
    margin-top: 2px;
    color: #c5c7d5;
}

li[data-v-ea394df5] span[data-v-ea394df5] {
    vertical-align: middle;
    font-weight: 500;
}

li[data-v-ea394df5][data-v-ea394df5]:active {
    filter: brightness(1.1);
}

li[data-v-ea394df5].disabled[data-v-ea394df5] {
    color: #727485;
    cursor: default;
}

li[data-v-ea394df5].disabled[data-v-ea394df5][data-v-ea394df5]:hover {
    color: #727485;
    background: transparent;
}

li[data-v-ea394df5].disabled[data-v-ea394df5] svg[data-v-ea394df5] {
    color: #727485;
}

li[data-v-ea394df5].disabled[data-v-ea394df5] span[data-v-ea394df5] {
    width: 200px !important;
}

li[data-v-ea394df5].active[data-v-ea394df5] {
    background: #191d21;
}

li[data-v-ea394df5].active[data-v-ea394df5] span[data-v-ea394df5] {
    background: linear-gradient(135deg, #52ffba 9.27%, #23faec 46.96%, #0af 88.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

li[data-v-ea394df5][data-v-ea394df5]:hover {
    background: #24282c;
    color: #fff;
}

li[data-v-ea394df5].section[data-v-ea394df5] {
    color: #727485;
    font-size: 14px;
    height: 56px;
    padding-top: 27px;
}

li[data-v-ea394df5].section[data-v-ea394df5].empty[data-v-ea394df5] {
    height: 16px !important;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

li[data-v-ea394df5].section[data-v-ea394df5].hr-hide[data-v-ea394df5] {
    padding-top: 11px;
    height: 40px;
}

hr.hide[data-v-ea394df5] {
    border-color: transparent !important;
}

header[data-v-7561c5f4] {
    background-color: var(--main-background);
    height: calc(100vh - var(--top-navigation-height));
    float: left;
    position: absolute;
    left: 0;
    top: var(--top-navigation-height);
    width: var(--left-navigation-width);
    overflow: hidden;
}

header.shrinked[data-v-7561c5f4] {
    width: 0px;
}

header .content[data-v-7561c5f4] {
    padding: 16px 12px;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
}

header .bottom[data-v-7561c5f4] {
    padding: 16px;
    display: flex;
    flex-direction: row;
    gap: 16px;
}

header .bottom .flex-item[data-v-7561c5f4]:not(:last-child):after {
    color: #4e5062;
    content: "|";
    margin-left: 16px;
}

header .bottom div[data-v-7561c5f4] {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}

header .bottom div[data-v-7561c5f4]:hover {
    color: #72e528;
}

.menu[data-v-86a82772] {
    height: 100%;
    width: var(--top-navigation-height);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.menu[data-v-86a82772] svg.btn[data-v-86a82772] {
    margin-left: 21px;
    cursor: pointer;
    transition: color 0.2s;
}

.menu[data-v-86a82772] svg.btn[data-v-86a82772][data-v-86a82772]:hover {
    color: #72e528;
}

.menu[data-v-86a82772] .btn-placeholder[data-v-86a82772] {
    position: absolute;
    width: 0px;
    height: 0px;
    margin-top: 18px;
    margin-left: -15px;
}

svg.item[data-v-86a82772] {
    margin-right: 8px;
    margin-bottom: 1px;
}

.el-dropdown-menu[data-v-86a82772] {
    background-color: transparent;
}

[data-v-86a82772] .el-dropdown-menu__item--divided {
    margin: 8px 16px;
    border-top-color: #242b35 !important;
}

.content-body h1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
}

.content-body p.short {
    margin-top: 24px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
}

.content-body .time {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #727485;
}

.content-body p.long {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #c5c7d5;
    white-space: pre-wrap;
}

.content-body p.long a {
    color: #72e528;
}

.content-body .btns {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.content-body img {
    object-fit: cover;
    margin-top: 24px;
    border-radius: 12px;
    max-width: 100%;
}

.content-body .scrollable {
    max-height: calc(100vh - 400px);
    overflow-y: auto;
}

.content-body .scrollable::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

.content-body .scrollable::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

.content-body .scrollable::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

.content-body .scrollable::-webkit-scrollbar-thumb:hover {
    background-color: #777;
}

.el-badge {
    --el-badge-bg-color: var(--el-color-danger);
    --el-badge-radius: 10px;
    --el-badge-font-size: 12px;
    --el-badge-padding: 6px;
    --el-badge-size: 18px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.el-badge__content {
    align-items: center;
    background-color: var(--el-badge-bg-color);
    border: 1px solid var(--el-bg-color);
    border-radius: var(--el-badge-radius);
    color: var(--el-color-white);
    display: inline-flex;
    font-size: var(--el-badge-font-size);
    height: var(--el-badge-size);
    justify-content: center;
    padding: 0 var(--el-badge-padding);
    white-space: nowrap;
}

.el-badge__content.is-fixed {
    position: absolute;
    right: calc(1px + var(--el-badge-size) / 2);
    top: 0;
    transform: translateY(-50%) translate(100%);
    z-index: var(--el-index-normal);
}

.el-badge__content.is-fixed.is-dot {
    right: 5px;
}

.el-badge__content.is-dot {
    border-radius: 50%;
    height: 8px;
    padding: 0;
    right: 0;
    width: 8px;
}

.el-badge__content--primary {
    background-color: var(--el-color-primary);
}

.el-badge__content--success {
    background-color: var(--el-color-success);
}

.el-badge__content--warning {
    background-color: var(--el-color-warning);
}

.el-badge__content--info {
    background-color: var(--el-color-info);
}

.el-badge__content--danger {
    background-color: var(--el-color-danger);
}

[data-v-e1f0ae94] .el-badge__content {
    border-width: 0px;
    color: #fff;
    background-color: #ff2431;
    text-align: center;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
}

[data-v-e1f0ae94] .el-badge__content.is-dot {
    width: 10px;
    height: 10px;
}

.message[data-v-e1f0ae94] {
    margin-right: 20px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    background: #ffffff0f;
    padding: 8px;
}

.message[data-v-e1f0ae94]:hover {
    background: #ffffff1f;
}

.message[data-v-e1f0ae94]:active {
    background: #ffffff2f;
}

.message .icon[data-v-e1f0ae94] {
    color: #fff;
}

.message .new[data-v-e1f0ae94] {
    position: absolute;
    margin-left: 16px;
    width: 6px;
    height: 6px;
    background-color: #72e528;
    border-radius: 6px;
}

.dialog-body h1[data-v-e1f0ae94] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #fff;
    margin-top: -18px;
}

.dialog-body .content[data-v-e1f0ae94] {
    overflow-y: auto;
    margin-top: 16px;
    height: 640px;
    border: 1px dashed #3b3c4d;
    border-radius: 16px;
    padding: 24px 24px 24px 20px;
}

.dialog-body .content[data-v-e1f0ae94]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

.dialog-body .content[data-v-e1f0ae94]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

.dialog-body .content[data-v-e1f0ae94]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

.dialog-body .content[data-v-e1f0ae94]::-webkit-scrollbar-thumb:hover {
    background-color: #777;
}

.dialog-body .content .empty[data-v-e1f0ae94] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dialog-body .content .empty img[data-v-e1f0ae94] {
    width: 80px;
    height: 80px;
    margin-top: 218px;
}

.dialog-body .content .empty p[data-v-e1f0ae94] {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #c5c7d5;
}

.dialog-body .content ol[data-v-e1f0ae94] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dialog-body .content ol li[data-v-e1f0ae94] {
    margin-bottom: 16px;
    padding-right: 40px;
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.dialog-body .content ol li .icon[data-v-e1f0ae94] {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    padding: 0;
    float: left;
}

.dialog-body .content ol li .msg[data-v-e1f0ae94] {
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #24282c;
    flex-grow: 1;
}

.dialog-body .content ol li .msg h3[data-v-e1f0ae94] {
    width: 292px;
    color: #f2f3f8;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.dialog-body .content ol li .msg p[data-v-e1f0ae94] {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #c5c7d5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dialog-body .content ol li .msg .foot[data-v-e1f0ae94] {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #727485;
}

.dialog-body .content ol li[data-v-e1f0ae94]:last-child {
    margin-bottom: -12px;
}

.dialog-body .content ol li:last-child .msg[data-v-e1f0ae94] {
    border: none;
}

.__message-btn-global .el-overlay {
    margin-top: var(--top-navigation-height) !important;
}

.__message-btn-global .el-dialog.message-dialog {
    margin-top: 68px !important;
    margin-right: 32px !important;
    border-radius: 16px !important;
}

h1[data-v-41b855ea] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
}

.content[data-v-41b855ea] {
    margin-top: 24px;
    padding: 24px 0;
}

.content[data-v-41b855ea] p[data-v-41b855ea] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.content[data-v-41b855ea] p[data-v-41b855ea] a[data-v-41b855ea] {
    color: #82fac2;
    text-decoration: none;
}

.avatar-icon[data-v-57689de9] {
    margin-right: 0;
}

body.mobile div.head-bar div.tip[data-v-57689de9] {
    margin-right: 10px;
}

div.head-bar[data-v-57689de9] {
    display: none;
    flex-direction: row;
    align-items: center;
    height: 100%;
    padding-right: 11px;
}

div.head-bar[data-v-57689de9] svg[data-v-57689de9] {
    color: #ccc;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    cursor: pointer;
    transition: color 0.2s;
}

div.head-bar[data-v-57689de9] svg[data-v-57689de9][data-v-57689de9]:hover {
    color: #fff;
}

div.head-bar[data-v-57689de9] div.tip[data-v-57689de9] {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 10em;
    height: 36px;
    padding: 0 20px;
    line-height: 36px;
    margin-right: 20px;
    font-size: 14px;
    background: #ffffff0f;
}

div.head-bar[data-v-57689de9] div.tip[data-v-57689de9] span.tip[data-v-57689de9] {
    background: linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: middle;
}

div.head-bar[data-v-57689de9] div.tip[data-v-57689de9] svg[data-v-57689de9] {
    cursor: auto;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

div.head-bar[data-v-57689de9] div.tip[data-v-57689de9] .balance[data-v-57689de9] {
    background: none;
    color: #fff;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: white;
}

div.head-bar[data-v-57689de9] div.tip[data-v-57689de9] .pipe[data-v-57689de9] {
    color: #4e5062;
    font-size: 12px;
    margin-left: 12px;
    margin-right: 12px;
    padding: 0;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: #4e5062;
}

div.head-bar[data-v-57689de9] div.tip[data-v-57689de9] svg.unit[data-v-57689de9] {
    margin-left: -2px;
}

div.head-bar[data-v-57689de9] .el-avatar[data-v-57689de9] {
    cursor: pointer;
    transition: filter 0.2s;
}

div.head-bar[data-v-57689de9] .el-avatar[data-v-57689de9][data-v-57689de9]:hover {
    filter: brightness(1.1);
}

div.head-bar[data-v-57689de9] .el-avatar[data-v-57689de9][data-v-57689de9]:active {
    filter: brightness(0.9);
}

.el-dropdown-menu[data-v-57689de9] {
    background-color: transparent;
}

[data-v-57689de9] .el-dropdown-menu__item--divided {
    border-top-color: #242b35 !important;
    margin: 8px 16px;
}

.avatar-header[data-v-57689de9] {
    margin-top: 16px;
    display: block;
    height: 54px;
    margin-bottom: 12px;
}

.avatar-header[data-v-57689de9] .avatar[data-v-57689de9] {
    float: left;
    margin-left: 16px;
    margin-right: 12px;
}

.avatar-header[data-v-57689de9] .title[data-v-57689de9] {
    line-height: 26px;
    font-size: 16px;
    padding-top: 4px;
    color: #fff;
    display: block;
    padding-right: 1em;
}

.avatar-header[data-v-57689de9] .desc[data-v-57689de9] {
    line-height: 24px;
    display: block;
    font-size: 14px;
    color: #727485;
}

.menu-li[data-v-57689de9] {
    margin-left: 0.5em;
}

.lang[data-v-57689de9] {
    cursor: pointer;
    font-size: 14px;
    color: #ddd;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 32px;
    margin-right: 16px;
    margin-left: 8px;
    padding-left: 8px;
    padding-right: 8px;
}

.lang[data-v-57689de9] svg[data-v-57689de9] {
    margin-left: 0.3em;
    width: 12px !important;
    height: 12px !important;
    margin-right: 0 !important;
}

.lang[data-v-57689de9][data-v-57689de9]:hover {
    color: #fff;
}

.lang[data-v-57689de9][data-v-57689de9]:hover svg[data-v-57689de9] {
    color: #fff;
}

.signin-btn[data-v-57689de9] {
    width: 76px;
    height: 32px;
    margin-right: 0;
    background: linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
    font-size: 14px;
    padding: 4px 0 5px;
    font-weight: 500;
    line-height: 24px;
    color: #191d21;
    text-align: center;
}

.signin-btn[data-v-57689de9][data-v-57689de9]:hover {
    background: #72e528;
}

.quit-btn[data-v-57689de9] {
    width: 200px;
    margin-right: -26px;
    padding: 8px;
    text-align: center;
}

.quit-btn[data-v-57689de9] .menu-li[data-v-57689de9] {
    margin-left: 0;
}

.member[data-v-57689de9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.membership-icon[data-v-57689de9] {
    display: inline-flex;
}

.membership-icon[data-v-57689de9] img[data-v-57689de9] {
    width: 18px;
    height: 18px;
}

body.mobile header[data-v-42620d34] {
    padding-right: 10px;
}

body.mobile header[data-v-42620d34] .content[data-v-42620d34] img.logo[data-v-42620d34] {
    margin-left: 20px;
}

header[data-v-42620d34] {
    height: var(--top-navigation-height);
    position: absolute;
    width: 100%;
    min-width: var(--body-min-width);
    background-color: rgba(13, 17, 22, var(--top-navigation-alpha));
    padding-right: 20px;
    left: 0;
    top: 0;
}

header[data-v-42620d34] .user[data-v-42620d34] {
    float: right;
    height: 100%;
}

header[data-v-42620d34] .content[data-v-42620d34] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}

header[data-v-42620d34] .content[data-v-42620d34] .menu-container[data-v-42620d34] {
    overflow: hidden;
    transition: width 0.2s;
    height: 26px;
    border-right: solid 1px #24282c;
}

header[data-v-42620d34] .content[data-v-42620d34] img.logo[data-v-42620d34] {
    margin-left: 30px;
}

header[data-v-42620d34] .help-btn[data-v-42620d34] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
}

.mobile-top-bar[data-v-42620d34] {
    width: 100vw;
    margin-right: -32px;
    font-size: 14px;
    line-height: 24px;
}

.mobile-top-bar[data-v-42620d34] .back[data-v-42620d34] {
    float: left;
    padding-left: 16px;
    height: 24px;
    width: 80px;
}

.mobile-top-bar[data-v-42620d34] .back[data-v-42620d34] svg[data-v-42620d34] {
    margin-top: 1px;
}

.mobile-top-bar[data-v-42620d34] .history[data-v-42620d34] {
    float: right;
    width: 80px;
    text-align: right;
    padding-right: 16px;
}

.mobile-top-bar[data-v-42620d34] .title[data-v-42620d34] {
    font-weight: 500;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

body.mobile .el-dialog.signin-dialog {
    width: calc(100vw - 32px);
}

.el-dialog.signin-dialog {
    padding: 0 !important;
    height: 435px !important;
}

.el-dialog.signin-dialog .el-dialog__close {
    font-size: 30px !important;
    margin-top: 16px;
    margin-left: -8px;
}

.signin-dialog .el-dialog__body {
    margin-top: -16px;
    border-radius: 18px;
    overflow: hidden;
}

.signin-dialog .el-dialog__headerbtn {
    margin-top: 16px;
}

body.mobile .teaser[data-v-f6acc9a8] {
    display: none;
}

body.mobile .content[data-v-f6acc9a8] {
    margin-left: 24px;
}

body.mobile
    .content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input.scancode[data-v-f6acc9a8]
    span[data-v-f6acc9a8] {
    margin-left: calc(100% - 136px);
}

body.mobile .content[data-v-f6acc9a8] .desc[data-v-f6acc9a8] a[data-v-f6acc9a8] {
    margin: 0;
}

.teaser[data-v-f6acc9a8] {
    width: 279px;
    height: 433px;
    float: left;
    background-position: top;
    background-size: cover;
}

.content[data-v-f6acc9a8] {
    padding-top: 36px;
    margin-left: 310px;
    padding-right: 24px;
    color: #727485;
    font-size: 14px;
}

.content[data-v-f6acc9a8] h1[data-v-f6acc9a8] {
    color: #fff;
    line-height: 32px;
    font-size: 22px;
    font-weight: 500;
}

.content[data-v-f6acc9a8] p[data-v-f6acc9a8] {
    margin-top: 4px;
}

.content[data-v-f6acc9a8] .container[data-v-f6acc9a8] .input[data-v-f6acc9a8] {
    background: #0d1116;
    border-radius: 12px;
    margin-top: 20px;
    height: 42px;
}

.content[data-v-f6acc9a8] .container[data-v-f6acc9a8] .input[data-v-f6acc9a8] span[data-v-f6acc9a8] {
    color: #fff;
    position: absolute;
    margin-top: 14px;
    padding-top: 1px;
    margin-left: 16px;
    line-height: 14px;
}

.content[data-v-f6acc9a8] .container[data-v-f6acc9a8] .input[data-v-f6acc9a8] input[data-v-f6acc9a8] {
    transition: all 0.1s;
    background: transparent;
    border: transparent;
    box-shadow: none;
    color: #fff;
    border-radius: 12px;
    width: 100%;
}

.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].telephone[data-v-f6acc9a8]
    span[data-v-f6acc9a8] {
    padding-right: 12px;
    border-right: solid #727485 1px;
}

.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].telephone[data-v-f6acc9a8]
    input[data-v-f6acc9a8] {
    padding: 12px 16px 12px 64px;
}

.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].telephone[data-v-f6acc9a8]
    input[data-v-f6acc9a8].error[data-v-f6acc9a8] {
    outline: solid 1px red;
}

.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].scancode[data-v-f6acc9a8]
    span[data-v-f6acc9a8] {
    margin-left: 292px;
    width: 80px;
    text-align: center;
    color: #72e52888;
}

.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].scancode[data-v-f6acc9a8]
    span[data-v-f6acc9a8].btn[data-v-f6acc9a8] {
    color: #72e528;
    cursor: pointer;
}

.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].scancode[data-v-f6acc9a8]
    span[data-v-f6acc9a8].btn[data-v-f6acc9a8].invalid[data-v-f6acc9a8],
.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].scancode[data-v-f6acc9a8]
    span[data-v-f6acc9a8].btn[data-v-f6acc9a8].invalid[data-v-f6acc9a8][data-v-f6acc9a8]:hover {
    color: #727485;
}

.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].scancode[data-v-f6acc9a8]
    span[data-v-f6acc9a8].btn[data-v-f6acc9a8].invalid[data-v-f6acc9a8][data-v-f6acc9a8]:active {
    filter: none;
}

.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].scancode[data-v-f6acc9a8]
    span[data-v-f6acc9a8].btn[data-v-f6acc9a8][data-v-f6acc9a8]:hover {
    color: #fff;
}

.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].scancode[data-v-f6acc9a8]
    span[data-v-f6acc9a8].btn[data-v-f6acc9a8][data-v-f6acc9a8]:active {
    filter: brightness(0.9);
}

.content[data-v-f6acc9a8]
    .container[data-v-f6acc9a8]
    .input[data-v-f6acc9a8].scancode[data-v-f6acc9a8]
    input[data-v-f6acc9a8] {
    padding: 12px 112px 12px 12px;
}

.content[data-v-f6acc9a8] .desc[data-v-f6acc9a8] {
    margin-top: 24px;
    margin-bottom: 36px;
}

.content[data-v-f6acc9a8] .desc[data-v-f6acc9a8] a[data-v-f6acc9a8] {
    color: #72e528;
}

.content[data-v-f6acc9a8] .desc[data-v-f6acc9a8] b[data-v-f6acc9a8] {
    font-weight: 400;
    color: #fff;
}

.content[data-v-f6acc9a8] .primary[data-v-f6acc9a8] {
    width: 100%;
    height: 48px;
}

.content[data-v-f6acc9a8] .scancode-container[data-v-f6acc9a8] {
    padding-top: 10px;
}

.content[data-v-f6acc9a8] .scancode-container[data-v-f6acc9a8] .demo[data-v-f6acc9a8] {
    margin-top: 12px;
}

.content[data-v-f6acc9a8] .scancode-container[data-v-f6acc9a8] .guide[data-v-f6acc9a8] img[data-v-f6acc9a8] {
    height: 125px;
}

.content[data-v-f6acc9a8] .scancode-container[data-v-f6acc9a8] .qr[data-v-f6acc9a8] {
    line-height: 0;
    background-color: #000;
    border-radius: 4px;
    float: left;
    margin-right: 58px;
    margin-left: 60px;
    margin-top: 10px;
    overflow: hidden;
}

.content[data-v-f6acc9a8] .scancode-container[data-v-f6acc9a8] .qr[data-v-f6acc9a8] img[data-v-f6acc9a8] {
    width: 102px !important;
    height: 102px !important;
}

.content[data-v-f6acc9a8] .scancode-container[data-v-f6acc9a8] .qr[data-v-f6acc9a8] .wait-confirm[data-v-f6acc9a8] {
    position: absolute;
    margin-top: -102px;
}

.content[data-v-f6acc9a8]
    .scancode-container[data-v-f6acc9a8]
    .qr[data-v-f6acc9a8]
    .wait-confirm[data-v-f6acc9a8]
    .back[data-v-f6acc9a8] {
    position: absolute;
    background: #000c;
    width: 102px;
    height: 102px;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.content[data-v-f6acc9a8]
    .scancode-container[data-v-f6acc9a8]
    .qr[data-v-f6acc9a8]
    .wait-confirm[data-v-f6acc9a8]
    .fore[data-v-f6acc9a8] {
    position: absolute;
    font-size: 12px;
    width: 102px;
    height: 102px;
    text-align: center;
    padding-top: 52px;
    color: #fff;
}

.content[data-v-f6acc9a8] .scancode-container[data-v-f6acc9a8] .desc[data-v-f6acc9a8] {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 0;
}

.content[data-v-f6acc9a8].select-account[data-v-f6acc9a8] {
    margin-left: 24px;
}

.content[data-v-f6acc9a8].select-account[data-v-f6acc9a8] h2[data-v-f6acc9a8] {
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-top: 16px;
}

.content[data-v-f6acc9a8].select-account[data-v-f6acc9a8] p.select-account-notice[data-v-f6acc9a8] {
    margin: 16px 0 0;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    border-radius: 8px;
    color: #72e528;
    background: linear-gradient(89.86deg, #a7ff1a14, #82fac214, #47d4ff14);
}

.content[data-v-f6acc9a8].select-account[data-v-f6acc9a8] .accounts[data-v-f6acc9a8] {
    text-align: center;
    margin-top: 24px;
}

.content[data-v-f6acc9a8].select-account[data-v-f6acc9a8] .accounts[data-v-f6acc9a8] .account[data-v-f6acc9a8] {
    cursor: pointer;
    display: inline-block;
    width: 200px;
    margin-left: 12px;
    margin-right: 12px;
    transition: all 0.2s;
}

.content[data-v-f6acc9a8].select-account[data-v-f6acc9a8]
    .accounts[data-v-f6acc9a8]
    .account[data-v-f6acc9a8]
    .name[data-v-f6acc9a8] {
    margin-top: 4px;
    color: #fff;
}

.content[data-v-f6acc9a8].select-account[data-v-f6acc9a8]
    .accounts[data-v-f6acc9a8]
    .account[data-v-f6acc9a8]
    .bullet[data-v-f6acc9a8] {
    margin-top: 20px;
}

.content[data-v-f6acc9a8].select-account[data-v-f6acc9a8]
    .accounts[data-v-f6acc9a8]
    .account[data-v-f6acc9a8][data-v-f6acc9a8]:hover {
    filter: brightness(1.05);
}

.content[data-v-f6acc9a8].select-account[data-v-f6acc9a8]
    .accounts[data-v-f6acc9a8]
    .account[data-v-f6acc9a8][data-v-f6acc9a8]:active {
    filter: brightness(0.9);
}

.content[data-v-f6acc9a8].select-account[data-v-f6acc9a8] .btn[data-v-f6acc9a8] {
    margin-top: 30px;
    width: 24em;
    margin-bottom: 24px;
    margin-left: 170px;
}

body.mobile .el-dialog.signin-email-dialog {
    width: calc(100vw - 32px);
}

.el-dialog.signin-email-dialog {
    padding: 0 !important;
    height: 485px !important;
}

.el-dialog.signin-email-dialog .el-dialog__close {
    font-size: 30px !important;
    margin-top: 16px;
    margin-left: -8px;
}

.signin-email-dialog .el-dialog__body {
    margin-top: -16px;
    border-radius: 18px;
    overflow: hidden;
}

.signin-email-dialog .el-dialog__headerbtn {
    margin-top: 16px;
}

body.mobile .teaser[data-v-091bb15f] {
    display: none;
}

.teaser[data-v-091bb15f] {
    width: 279px;
    height: 483px;
    float: left;
    background-position: top;
    background-size: cover;
}

body.mobile .content[data-v-091bb15f] {
    margin-left: 24px;
}

.content[data-v-091bb15f] {
    padding-top: 36px;
    margin-left: 310px;
    padding-right: 24px;
    color: #727485;
    font-size: 14px;
}

.content[data-v-091bb15f] h1[data-v-091bb15f] {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
}

.content[data-v-091bb15f] p[data-v-091bb15f] {
    margin-top: 8px;
}

.content[data-v-091bb15f] p[data-v-091bb15f] a[data-v-091bb15f] {
    color: var(--theme-color-primary);
}

.bottom-info[data-v-091bb15f] {
    margin-top: 20px;
    color: #999bac;
    text-align: center;
}

.bottom-info[data-v-091bb15f] a[data-v-091bb15f] {
    color: inherit;
}

.bottom-info[data-v-091bb15f] a[data-v-091bb15f][data-v-091bb15f]:hover,
.bottom-info[data-v-091bb15f] a[data-v-091bb15f].highlight[data-v-091bb15f] {
    color: var(--theme-color-primary);
}

.bottom-info[data-v-091bb15f] a[data-v-091bb15f].highlight[data-v-091bb15f][data-v-091bb15f]:hover {
    color: #fff;
}

.central[data-v-091bb15f] {
    text-align: center;
}

h1[data-v-f71bc81c] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
    color: #fff;
    margin: -16px 0 24px;
}

div.content[data-v-f71bc81c] .qr-container[data-v-f71bc81c] {
    float: left;
}

div.content[data-v-f71bc81c] .qr-container[data-v-f71bc81c] .refresh[data-v-f71bc81c] {
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 1;
}

div.content[data-v-f71bc81c] .qr-container[data-v-f71bc81c] .refresh[data-v-f71bc81c] a[data-v-f71bc81c] {
    display: block;
    color: #fff;
    margin-left: 48px;
    margin-top: 46px;
}

div.content[data-v-f71bc81c] .qr-container[data-v-f71bc81c] .qr[data-v-f71bc81c] {
    width: 120px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
}

div.content[data-v-f71bc81c] .qr-container[data-v-f71bc81c] .qr[data-v-f71bc81c] img[data-v-f71bc81c] {
    width: 100%;
}

div.content[data-v-f71bc81c] .qr-container[data-v-f71bc81c] .qr[data-v-f71bc81c].expired[data-v-f71bc81c] {
    opacity: 0.3;
}

div.content[data-v-f71bc81c] .qr-container[data-v-f71bc81c] .notice[data-v-f71bc81c] {
    max-width: 120px;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #727485;
}

div.content[data-v-f71bc81c] .details[data-v-f71bc81c] {
    padding-left: 136px;
}

div.content[data-v-f71bc81c] .details[data-v-f71bc81c] .title[data-v-f71bc81c] {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: 0.02em;
    color: #fff;
}

div.content[data-v-f71bc81c] .details[data-v-f71bc81c] .title[data-v-f71bc81c] img[data-v-f71bc81c] {
    vertical-align: middle;
    margin-bottom: 4px;
}

div.content[data-v-f71bc81c] .details[data-v-f71bc81c] .title[data-v-f71bc81c] span.dollar[data-v-f71bc81c] {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-left: 8px;
    margin-right: 4px;
}

div.content[data-v-f71bc81c] .details[data-v-f71bc81c] .title[data-v-f71bc81c] span.v[data-v-f71bc81c] {
    font-size: 28px;
    font-weight: 520;
    line-height: 36px;
}

div.content[data-v-f71bc81c] .details[data-v-f71bc81c] ol[data-v-f71bc81c] {
    margin-top: 4px;
    margin-left: 0;
    margin-bottom: 4px;
    padding-left: 12px;
    list-style: disc;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #c5c7d5;
}

div.content[data-v-f71bc81c] .details[data-v-f71bc81c] p.desc[data-v-f71bc81c] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #727485;
}

div.content[data-v-f71bc81c] .details[data-v-f71bc81c] p.desc[data-v-f71bc81c] a[data-v-f71bc81c] {
    text-decoration: none;
    color: var(--theme-color-primary);
}

.el-dialog.common-dialog.dialog-payment-subscribing {
    background-color: transparent !important;
    background-image: var(--dialog-payment-subscribing-image) !important;
    background-size: contain !important;
    border: none !important;
}

.content[data-v-325c45d4] h1[data-v-325c45d4] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
}

.content[data-v-325c45d4] p[data-v-325c45d4] {
    margin-top: 24px;
}

.content[data-v-325c45d4] .btns[data-v-325c45d4] {
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: right;
}

.content[data-v-abcc4c8f] {
    text-align: center;
}

.content[data-v-abcc4c8f] .title[data-v-abcc4c8f] {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.content[data-v-abcc4c8f] .btn[data-v-abcc4c8f] {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #999bac;
}

.paybar[data-v-147d5a3b] {
    margin-top: 24px;
    line-height: 36px;
    margin-bottom: 16px;
    font-size: 0;
    text-align: right;
}

.paybar[data-v-147d5a3b] .sum[data-v-147d5a3b] {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 18px;
    display: inline-block;
    vertical-align: middle;
}

.paybar[data-v-147d5a3b] .sum[data-v-147d5a3b] i[data-v-147d5a3b] {
    font-style: normal;
    color: var(--theme-color-primary);
}

.paybar[data-v-147d5a3b] .pay[data-v-147d5a3b] {
    display: inline-block;
}

.point-price[data-v-147d5a3b] {
    vertical-align: top;
    margin-top: 5px;
    margin-right: 24px;
}

.active[data-v-5991a5f1] {
    background: #ffffff1f;
    padding: 4px 6px;
    border-radius: 4px;
    box-shadow: 0 2px 8px #00000029;
    color: #e5e6ee;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: top;
    margin-top: 2px;
}

.active[data-v-5991a5f1].sp-target[data-v-5991a5f1] {
    background: linear-gradient(284.04deg, #ffc175, #ffefc6);
    color: #000;
}

ol.membership-list[data-v-ff5108d9] {
    margin: 16px 0 0;
    padding: 0 16px 0 0;
    list-style: none;
    border: 1px dashed #3b3c4d;
    border-radius: 16px;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9] {
    padding: 12px 0 0 44px;
    margin: 0;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9].only-one[data-v-ff5108d9] {
    padding-left: 16px;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9] h3[data-v-ff5108d9] {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    padding: 0;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9] p[data-v-ff5108d9] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #e5e6ee;
    margin: 4px 0 0;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9] p[data-v-ff5108d9][data-v-ff5108d9]:last-child {
    padding-bottom: 12px;
    border-bottom: solid 1px #3b3c4d;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9] .num[data-v-ff5108d9] {
    position: absolute;
    margin-top: 4px;
    margin-left: -28px;
    width: 16px;
    height: 16px;
    background: linear-gradient(89.86deg, #a7ff1a1f, #82fac21f, #47d4ff1f);
    border-radius: 16px;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9] .num[data-v-ff5108d9] i[data-v-ff5108d9] {
    background: linear-gradient(89.86deg, #a7ff1a, #82fac2, #47d4ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-family: MiSans VF;
    font-size: 10px;
    font-weight: 330;
    line-height: 16px;
    width: 16px;
    height: 16px;
    text-align: center;
    display: block;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9] .bar[data-v-ff5108d9] {
    position: absolute;
    margin-left: -20px;
    margin-top: 28px;
    border-left: dashed 1px #82fac23d;
    height: 40px;
    width: 1px;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9][data-v-ff5108d9]:last-child .bar[data-v-ff5108d9] {
    display: none;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9][data-v-ff5108d9]:last-child p[data-v-ff5108d9] {
    border: none;
}

ol.membership-list[data-v-ff5108d9] li[data-v-ff5108d9][data-v-ff5108d9]:last-child p[data-v-ff5108d9]:last-child {
    border-bottom: none;
}

.membership-box[data-v-295ba754] {
    margin-top: 24px;
    width: calc(var(--membership-box-width) + 2px);
    height: calc(var(--membership-box-height) + 2px);
    border-radius: 12px;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}

.membership-box[data-v-295ba754].vip[data-v-295ba754] {
    background-image: linear-gradient(to right, #222, #222), linear-gradient(180deg, #fd9, #ffc299);
}

.membership-box[data-v-295ba754].svip[data-v-295ba754] {
    background-image: linear-gradient(to right, #222, #222), linear-gradient(180deg, #99f1ff, #5cc9ff);
}

.membership-box[data-v-295ba754].ssvip[data-v-295ba754] {
    background-image: linear-gradient(to right, #222, #222), linear-gradient(180deg, #99c9ff, #b499ff);
}

.membership-box[data-v-295ba754] .target[data-v-295ba754] {
    border-radius: 12px;
    width: var(--membership-box-width);
    height: var(--membership-box-height);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--membership-box-size-rate);
    padding: 20px 16px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 54px;
}

.membership-box[data-v-295ba754] .target[data-v-295ba754] .target-content[data-v-295ba754] {
    display: inline-block;
    width: 560px;
    line-height: 24px;
    vertical-align: middle;
}

.membership-box[data-v-295ba754] .target[data-v-295ba754] .target-content[data-v-295ba754] .container[data-v-295ba754] {
    margin-top: -20px;
    height: var(--membership-box-height);
    width: calc(var(--membership-box-width) - 32px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.membership-box[data-v-295ba754]
    .target[data-v-295ba754]
    .target-content[data-v-295ba754]
    .container[data-v-295ba754]
    .inner[data-v-295ba754] {
    padding-left: 64px;
    width: calc(var(--membership-box-width) - 32px);
}

.membership-box[data-v-295ba754] .target[data-v-295ba754] .target-content[data-v-295ba754] img[data-v-295ba754] {
    position: absolute;
    margin-top: calc((var(--membership-box-height) - 90px) / 2);
    width: 48px;
    height: 48px;
    margin-right: 16px;
}

h1[data-v-1f55c73b] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-align: left;
    margin: 0;
}

.update-notice[data-v-1f55c73b] {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

.update-notice[data-v-1f55c73b] a[data-v-1f55c73b] {
    color: #43f0b6;
}

.paybar[data-v-1f55c73b] {
    margin-top: 24px;
    line-height: 36px;
    font-size: 0;
    text-align: right;
}

.paybar[data-v-1f55c73b] .sum[data-v-1f55c73b] {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}

.paybar[data-v-1f55c73b] .pay[data-v-1f55c73b] {
    display: inline-block;
}

.scrollable[data-v-1f55c73b] {
    margin-top: 24px;
    max-height: 600px;
    overflow-y: auto;
    padding-right: 8px;
    margin-bottom: 16px;
    border: 1px dashed #3b3c4d;
    border-radius: 16px;
}

.scrollable[data-v-1f55c73b][data-v-1f55c73b]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

.scrollable[data-v-1f55c73b][data-v-1f55c73b]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

.scrollable[data-v-1f55c73b][data-v-1f55c73b]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

.scrollable[data-v-1f55c73b][data-v-1f55c73b]::-webkit-scrollbar-thumb:hover {
    background-color: #777;
}

.desc[data-v-1f55c73b] {
    margin-top: 24px;
}

.box-desc[data-v-1f55c73b] i[data-v-1f55c73b] {
    font-style: normal;
    color: var(--theme-color-primary);
}

.box-desc[data-v-1f55c73b] a[data-v-1f55c73b] {
    background: linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.el-select-dropdown__item.is-hovering[data-v-4f08e11b] {
    background-color: #fff1 !important;
    border-radius: 8px;
}

.el-select-dropdown__item.is-selected[data-v-4f08e11b] {
    color: #6bf0dc;
}

.title[data-v-4f08e11b] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
}

.title[data-v-4f08e11b] span[data-v-4f08e11b] {
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 8px;
    vertical-align: middle;
    color: #c5c7d5;
}

.btns[data-v-4f08e11b] {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 18px;
}

.receipt-tip[data-v-4f08e11b] {
    margin-top: 32px;
}

.email[data-v-4f08e11b] {
    margin-top: 24px;
}

table.sheet[data-v-4f08e11b] {
    width: 100%;
    margin-top: 24px;
}

table.sheet[data-v-4f08e11b] td[data-v-4f08e11b] {
    padding: 8px 16px;
}

table.sheet[data-v-4f08e11b] td[data-v-4f08e11b] svg[data-v-4f08e11b] {
    vertical-align: top;
}

.bill[data-v-4f08e11b] {
    margin-top: 16px;
    min-height: 300px;
    max-height: calc(75vh - 200px);
    border: 1px dashed #3b3c4d;
    border-radius: 16px;
}

.bill[data-v-4f08e11b] .checkbox[data-v-4f08e11b] {
    float: left;
    height: 48px;
    margin-right: 16px;
    margin-top: 1px;
    cursor: pointer;
}

.bill[data-v-4f08e11b] ol[data-v-4f08e11b] {
    margin: 0;
    padding: 12px 24px;
    list-style: none;
}

.bill[data-v-4f08e11b] ol[data-v-4f08e11b] li[data-v-4f08e11b] {
    padding: 8px 0;
    border-bottom: 1px solid #3b3c4d;
}

.bill[data-v-4f08e11b] ol[data-v-4f08e11b] li[data-v-4f08e11b][data-v-4f08e11b]:last-child {
    border-bottom: none;
}

.bill[data-v-4f08e11b] ol[data-v-4f08e11b] li[data-v-4f08e11b] i[data-v-4f08e11b] {
    float: right;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 4px;
    color: #fff;
}

.bill[data-v-4f08e11b] ol[data-v-4f08e11b] li[data-v-4f08e11b] i[data-v-4f08e11b].positive[data-v-4f08e11b] {
    color: var(--theme-color-primary);
}

.bill[data-v-4f08e11b] ol[data-v-4f08e11b] li[data-v-4f08e11b] i[data-v-4f08e11b].negative[data-v-4f08e11b] {
    color: #fb7171;
}

.bill[data-v-4f08e11b] ol[data-v-4f08e11b] li[data-v-4f08e11b] h4[data-v-4f08e11b] {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    margin: 0;
}

.bill[data-v-4f08e11b] ol[data-v-4f08e11b] li[data-v-4f08e11b] h4[data-v-4f08e11b] span[data-v-4f08e11b] {
    margin-left: 12px;
}

.bill[data-v-4f08e11b] ol[data-v-4f08e11b] li[data-v-4f08e11b] p[data-v-4f08e11b] {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #999bac;
}

.select-all-panel[data-v-4f08e11b] {
    cursor: pointer;
    margin-top: 24px;
    margin-bottom: 4px;
    line-height: 0;
    vertical-align: middle;
}

.select-all-panel[data-v-4f08e11b] .checkbox[data-v-4f08e11b] {
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 4px;
}

.select-all-panel[data-v-4f08e11b] span[data-v-4f08e11b] {
    vertical-align: middle;
}

.no-records[data-v-4f08e11b] {
    text-align: center;
    margin-top: 100px;
}

.notice[data-v-4f08e11b] {
    margin-top: 20px;
    border: 1px solid;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(68.56deg, #1e2930 29.44%, #1d1d1d 59.6%, #262a2f 82.91%, #2e4141 101.21%),
        linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
    color: #fff;
    background-color: #0801;
    padding: 16px;
    text-align: center;
    font-size: 14px;
    -webkit-user-select: text;
    user-select: text;
    border-radius: 12px;
}

.__dialog-receipt-jurisidiction .el-select__wrapper {
    background: #0002;
    border: 1px solid #2d3e3f;
    box-shadow: none;
    color: #fffc;
    border-radius: 8px;
}

.__dialog-receipt-jurisidiction .el-select__wrapper.is-hovering {
    border-color: #1be5ec;
    outline: none;
    box-shadow: none;
}

ol[data-v-8d176060] {
    margin: 0 -8px 0 0;
    padding: 4px 24px;
    list-style: none;
}

ol[data-v-8d176060] li[data-v-8d176060] {
    padding: 16px 0;
    border-top: solid 1px #3b3c4d;
}

ol[data-v-8d176060] li[data-v-8d176060][data-v-8d176060]:first-child {
    border-top: none;
}

ol[data-v-8d176060] li[data-v-8d176060] h4[data-v-8d176060] {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    color: #fff;
    margin-bottom: 12px;
}

ol[data-v-8d176060] li[data-v-8d176060] .item[data-v-8d176060] {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px;
    color: #c5c7d5;
}

ol[data-v-8d176060] li[data-v-8d176060] .item[data-v-8d176060] span[data-v-8d176060] {
    color: #fff;
    float: right;
}

ol[data-v-8d176060] li[data-v-8d176060] .item[data-v-8d176060] span[data-v-8d176060] a[data-v-8d176060] {
    margin-left: 16px;
    margin-right: 0;
    color: #43f0b6;
}

.renewal-tag[data-v-d13885fa] {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #ffad33;
    border: 1px solid #ffad331a;
    background: #ffad331f;
    padding: 2px 2px 2px 6px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 8px;
}

.renewal-tag[data-v-d13885fa] svg[data-v-d13885fa] {
    width: 12px;
    height: 12px;
    margin: 4px 4px 0;
    vertical-align: top;
}

h1[data-v-658ec5d7] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-align: left;
    margin: 0;
}

.section[data-v-658ec5d7] {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
}

.section[data-v-658ec5d7] .desc[data-v-658ec5d7] {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #727485;
}

.section[data-v-658ec5d7] .desc[data-v-658ec5d7] a[data-v-658ec5d7] {
    text-decoration: underline;
}

.subscription[data-v-658ec5d7] {
    border: 1px solid #3b3c4d;
    padding: 16px 24px;
    border-radius: 16px;
}

.subscription[data-v-658ec5d7] .cancel-btn[data-v-658ec5d7] {
    float: right;
}

.subscription[data-v-658ec5d7] h4[data-v-658ec5d7] {
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    margin: 0;
}

.subscription[data-v-658ec5d7] ol[data-v-658ec5d7] {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.subscription[data-v-658ec5d7] ol[data-v-658ec5d7] li[data-v-658ec5d7] {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.subscription[data-v-658ec5d7] ol[data-v-658ec5d7] li[data-v-658ec5d7] label[data-v-658ec5d7] {
    color: #c5c7d5;
}

.subscription[data-v-658ec5d7] ol[data-v-658ec5d7] li[data-v-658ec5d7] div.v[data-v-658ec5d7] {
    color: #fff;
    float: right;
}

.subscription[data-v-658ec5d7] ol[data-v-658ec5d7] li + li[data-v-658ec5d7] {
    margin-top: 4px;
}

.tabs[data-v-658ec5d7] {
    margin-top: 24px;
}

.tabs[data-v-658ec5d7] .tab[data-v-658ec5d7] {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    color: #4e5062;
    cursor: pointer;
    margin-right: 20px;
}

.tabs[data-v-658ec5d7] .tab[data-v-658ec5d7].active[data-v-658ec5d7] {
    color: #fff;
}

.subtitle[data-v-658ec5d7] {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    color: #4e5062;
    margin-bottom: 16px;
}

.scrollable[data-v-658ec5d7] {
    margin-top: 24px;
    max-height: 600px;
    overflow-y: auto;
    padding-right: 8px;
    margin-bottom: 16px;
    border: 1px dashed #3b3c4d;
    border-radius: 16px;
}

.scrollable[data-v-658ec5d7][data-v-658ec5d7]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

.scrollable[data-v-658ec5d7][data-v-658ec5d7]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

.scrollable[data-v-658ec5d7][data-v-658ec5d7]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

.scrollable[data-v-658ec5d7][data-v-658ec5d7]::-webkit-scrollbar-thumb:hover {
    background-color: #777;
}

.receipt[data-v-658ec5d7] {
    float: right;
}

.receipt[data-v-658ec5d7] a[data-v-658ec5d7] {
    color: #82fac2;
    vertical-align: middle;
    line-height: 38px;
}

.receipt[data-v-658ec5d7] a[data-v-658ec5d7] svg[data-v-658ec5d7] {
    margin-bottom: 1px;
}

.mb-title[data-v-658ec5d7] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.mb-desc[data-v-658ec5d7] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #c5c7d5;
}

.mb-desc[data-v-658ec5d7] i[data-v-658ec5d7] {
    font-style: normal;
    color: #fff;
}

.title[data-v-5b761ce1] {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
}

.summary[data-v-5b761ce1] {
    margin-top: 24px;
    background: #ffffff0a;
    border-radius: 16px;
    padding: 16px 24px;
}

.summary[data-v-5b761ce1] .item[data-v-5b761ce1] {
    display: inline-block;
}

.summary[data-v-5b761ce1] .item[data-v-5b761ce1] h4[data-v-5b761ce1] {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #c5c7d5;
}

.summary[data-v-5b761ce1] .item[data-v-5b761ce1] p[data-v-5b761ce1] {
    margin-top: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    margin-left: -2px;
}

.summary[data-v-5b761ce1] .symbol[data-v-5b761ce1] {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    text-align: center;
    margin-left: 24px;
    margin-right: 24px;
    vertical-align: top;
    margin-top: 14px;
}

.bill-tabs[data-v-5b761ce1] {
    margin-top: 32px;
}

.bill-tabs[data-v-5b761ce1] .tab[data-v-5b761ce1] {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    color: #4e5062;
    cursor: pointer;
    margin-right: 20px;
}

.bill-tabs[data-v-5b761ce1] .tab[data-v-5b761ce1].active[data-v-5b761ce1] {
    color: #fff;
}

p.bill-desc[data-v-5b761ce1] {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #c5c7d5;
    margin-top: 30px;
}

p.bill-desc[data-v-5b761ce1] svg[data-v-5b761ce1] {
    vertical-align: middle;
    margin-bottom: 2px;
}

p.bill-desc[data-v-5b761ce1] a[data-v-5b761ce1] {
    text-decoration: none;
    color: #43f0b6;
}

.bill[data-v-5b761ce1] {
    margin-top: 16px;
    height: calc(75vh - 320px);
    border: 1px dashed #3b3c4d;
    border-radius: 16px;
}

.bill[data-v-5b761ce1] ol[data-v-5b761ce1] {
    margin: 0;
    padding: 12px 24px;
    list-style: none;
}

.bill[data-v-5b761ce1] ol[data-v-5b761ce1] li[data-v-5b761ce1] {
    padding: 8px 0 10px;
    border-bottom: 1px solid #3b3c4d;
}

.bill[data-v-5b761ce1] ol[data-v-5b761ce1] li[data-v-5b761ce1][data-v-5b761ce1]:last-child {
    border-bottom: none;
}

.bill[data-v-5b761ce1] ol[data-v-5b761ce1] li[data-v-5b761ce1] i[data-v-5b761ce1] {
    float: right;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 4px;
    color: #fff;
}

.bill[data-v-5b761ce1] ol[data-v-5b761ce1] li[data-v-5b761ce1] i[data-v-5b761ce1].positive[data-v-5b761ce1] {
    color: var(--theme-color-primary);
}

.bill[data-v-5b761ce1] ol[data-v-5b761ce1] li[data-v-5b761ce1] i[data-v-5b761ce1].negative[data-v-5b761ce1] {
    color: #fb7171;
}

.bill[data-v-5b761ce1] ol[data-v-5b761ce1] li[data-v-5b761ce1] h4[data-v-5b761ce1] {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    margin: 0;
}

.bill[data-v-5b761ce1] ol[data-v-5b761ce1] li[data-v-5b761ce1] p[data-v-5b761ce1] {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #999bac;
}

.empty[data-v-5b761ce1] {
    margin-top: 32px;
    text-align: center;
    animation: fadeIn 0.4s linear;
}

.receipt[data-v-5b761ce1] {
    float: right;
}

.receipt[data-v-5b761ce1] a[data-v-5b761ce1] {
    color: #82fac2;
    vertical-align: middle;
    line-height: 38px;
}

.receipt[data-v-5b761ce1] a[data-v-5b761ce1] svg[data-v-5b761ce1] {
    margin-bottom: 1px;
}

.member-title[data-v-3144af6d] .name[data-v-3144af6d] {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.member-title[data-v-3144af6d] .name[data-v-3144af6d] .name-content[data-v-3144af6d] {
    display: inline-block;
    vertical-align: middle;
}

.member-title[data-v-3144af6d] .name[data-v-3144af6d] .name-content[data-v-3144af6d] .title[data-v-3144af6d] {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
}

.member-title[data-v-3144af6d] .name[data-v-3144af6d] .name-content[data-v-3144af6d] .description[data-v-3144af6d] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
    text-align: left;
    color: #c5c7d5;
}

.member-title[data-v-3144af6d]
    .name[data-v-3144af6d]
    .name-content[data-v-3144af6d]
    .description[data-v-3144af6d]
    i[data-v-3144af6d] {
    color: #fff;
    font-style: normal;
}

.member-title[data-v-3144af6d]
    .name[data-v-3144af6d]
    .name-content[data-v-3144af6d]
    .description[data-v-3144af6d]
    svg[data-v-3144af6d] {
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 4px;
}

.member-title[data-v-3144af6d]
    .name[data-v-3144af6d]
    .name-content[data-v-3144af6d]
    .description[data-v-3144af6d]
    a[data-v-3144af6d] {
    color: #43f0b6;
    margin-left: 20px;
}

.info[data-v-3144af6d] {
    margin-top: 8px;
}

.info[data-v-3144af6d] .item[data-v-3144af6d] {
    display: inline-block;
    margin-right: 64px;
}

.info[data-v-3144af6d] .item[data-v-3144af6d] .title[data-v-3144af6d] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #c5c7d5;
}

.info[data-v-3144af6d] .item[data-v-3144af6d] .title[data-v-3144af6d] svg[data-v-3144af6d] {
    vertical-align: center;
    margin-bottom: -3px;
}

.info[data-v-3144af6d] .item[data-v-3144af6d] .title[data-v-3144af6d] a[data-v-3144af6d] {
    color: #43f0b6;
    margin-left: 20px;
    cursor: pointer;
}

.info[data-v-3144af6d] .item[data-v-3144af6d] .content[data-v-3144af6d] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #fff;
}

.info[data-v-3144af6d] .item[data-v-3144af6d] .content[data-v-3144af6d] svg[data-v-3144af6d] {
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 4px;
}

.info[data-v-3144af6d] .item[data-v-3144af6d] .content[data-v-3144af6d] a[data-v-3144af6d] {
    color: #43f0b6;
}

.notice[data-v-c2d92a97] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #c5c7d5;
    margin-top: 4px;
}

.notice[data-v-c2d92a97] a[data-v-c2d92a97] {
    text-decoration: none;
    color: #43f0b6;
}

h1[data-v-c2d92a97] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.products[data-v-c2d92a97] {
    margin-top: 24px;
    margin-right: -25px;
    margin-bottom: -16px;
    min-height: 268px;
}

.products[data-v-c2d92a97] .item[data-v-c2d92a97] {
    display: inline-block;
    width: 240px;
    height: 120px;
    border-radius: 10px;
    padding: 8px 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: center;
}

.products[data-v-c2d92a97] .item[data-v-c2d92a97] h4[data-v-c2d92a97] {
    font-family: MiSans VF;
    font-size: 20px;
    font-weight: 520;
    line-height: 26.52px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
}

.products[data-v-c2d92a97] .item[data-v-c2d92a97] h4[data-v-c2d92a97] svg[data-v-c2d92a97] {
    vertical-align: middle;
    margin-bottom: 4px;
}

.products[data-v-c2d92a97] .item[data-v-c2d92a97] p[data-v-c2d92a97] {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: #999bac;
}

.products[data-v-c2d92a97].en .speical-offer[data-v-c2d92a97] {
    width: 82px;
    margin-left: 37px;
}

.point-content[data-v-c2d92a97] {
    margin-top: 24px;
    border-top: 1px solid #ffffff14;
    padding-top: 24px;
}

.speical-offer[data-v-c2d92a97] {
    position: absolute;
    width: 112px;
    margin-top: -7px;
    margin-left: 7px;
    border-radius: 0 8px;
}

body.lang-zh .subtitle .remarks[data-v-c2fe519f] {
    margin-top: 16px;
}

.subtitle[data-v-c2fe519f] {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #c5c7d5;
    margin-top: 11px;
}

.subtitle[data-v-c2fe519f] .remarks[data-v-c2fe519f] {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.subtitle[data-v-c2fe519f] a[data-v-c2fe519f] {
    color: #43f0b6;
}

.tabs[data-v-c2fe519f] {
    margin-top: 24px;
    background: #1c232e;
    border-radius: 12px;
    display: inline-block;
    text-align: center;
}

.tabs[data-v-c2fe519f].hot[data-v-c2fe519f] {
    background: #241e1b;
}

.tabs[data-v-c2fe519f].hot[data-v-c2fe519f] .tab[data-v-c2fe519f] {
    border-color: transparent;
}

.tabs[data-v-c2fe519f].hot[data-v-c2fe519f].en .tab[data-v-c2fe519f] {
    width: 132px;
}

.tabs[data-v-c2fe519f].en .tab[data-v-c2fe519f] {
    width: 160px;
}

.tabs[data-v-c2fe519f] .tab[data-v-c2fe519f] {
    width: 140px;
    padding: 7px 2px;
    border-radius: 8px;
    display: inline-block;
    margin: 4px;
    cursor: pointer;
    font-size: 0;
}

.tabs[data-v-c2fe519f] .tab[data-v-c2fe519f].non-subs[data-v-c2fe519f] svg[data-v-c2fe519f] {
    vertical-align: middle;
    margin-left: 8px;
    transition: all 0.4s;
    transform: rotate(180deg);
}

.tabs[data-v-c2fe519f] .tab[data-v-c2fe519f].non-subs[data-v-c2fe519f] svg[data-v-c2fe519f].expanded[data-v-c2fe519f] {
    transform: rotate(0);
}

.tabs[data-v-c2fe519f] .tab[data-v-c2fe519f] span[data-v-c2fe519f] {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    vertical-align: middle;
    color: #e5e6ee;
}

.tabs[data-v-c2fe519f] .tab[data-v-c2fe519f] img[data-v-c2fe519f] {
    vertical-align: middle;
    margin: 0 0 0 8px;
}

.tabs[data-v-c2fe519f] .tab[data-v-c2fe519f].active[data-v-c2fe519f] {
    background-image: linear-gradient(89.38deg, #1e2c37 0.12%, #1e2c37 106.24%),
        linear-gradient(89.86deg, #a7ff1a, #54ebc3, #47d4ff);
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}

.tabs[data-v-c2fe519f] .tab[data-v-c2fe519f].active[data-v-c2fe519f] span[data-v-c2fe519f] {
    background-image: linear-gradient(89.86deg, #a7ff1a, #54ebc3, #47d4ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tabs[data-v-c2fe519f].hot .tab.active[data-v-c2fe519f] {
    background-image: linear-gradient(89.38deg, #31271f 0.12%, #31271f 106.24%),
        linear-gradient(89.86deg, #ffe785, #ffde70, #ffb685);
}

.tabs[data-v-c2fe519f].hot .tab.active[data-v-c2fe519f] span[data-v-c2fe519f] {
    background-image: linear-gradient(89.86deg, #ffe785, #ffde70, #ffb685);
}

.memberships[data-v-c2fe519f] {
    margin-top: 32px;
    text-align: left;
    margin-right: -25px;
    margin-bottom: 16px;
    width: 1280px;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #222429;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    width: 292px;
    height: 558px;
    padding: 32px 24px;
    margin-right: 20px;
    border-radius: 16px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].hot[data-v-c2fe519f].none[data-v-c2fe519f] {
    border-color: #e0e9ff1f;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f].hot[data-v-c2fe519f].none[data-v-c2fe519f][data-v-c2fe519f]:hover {
    border-color: #e0e9ff66;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].hot[data-v-c2fe519f].vip[data-v-c2fe519f] {
    border-color: #ffcf9929;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f].hot[data-v-c2fe519f].vip[data-v-c2fe519f][data-v-c2fe519f]:hover {
    border-color: #ffcf9966;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].hot[data-v-c2fe519f].svip[data-v-c2fe519f] {
    border-color: #b499ff29;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f].hot[data-v-c2fe519f].svip[data-v-c2fe519f][data-v-c2fe519f]:hover {
    border-color: #b499ff66;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].none[data-v-c2fe519f] {
    border-color: #e0e9ff1f;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].none[data-v-c2fe519f][data-v-c2fe519f]:hover {
    border-color: #e0e9ff66;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].vip[data-v-c2fe519f] {
    border-color: #ffcf991f;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].vip[data-v-c2fe519f][data-v-c2fe519f]:hover {
    border-color: #ffcf9966;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].svip[data-v-c2fe519f] {
    border-color: #99b4ff29;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].svip[data-v-c2fe519f][data-v-c2fe519f]:hover {
    border-color: #99b4ff7a;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] .border[data-v-c2fe519f] {
    display: none;
    margin-left: -25px;
    margin-top: -33px;
    position: absolute;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].active[data-v-c2fe519f] .border[data-v-c2fe519f] {
    display: block;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] h3[data-v-c2fe519f] {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] h3[data-v-c2fe519f] span[data-v-c2fe519f] {
    vertical-align: middle;
    background-color: #fff;
    font-weight: 600;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f].en h2 .old .v[data-v-c2fe519f] {
    margin-left: 0 !important;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] h2[data-v-c2fe519f] {
    height: 42px;
    line-height: 42px;
    text-align: left;
    margin-top: 20px;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] h2[data-v-c2fe519f] .old[data-v-c2fe519f] {
    vertical-align: middle;
    display: inline-block;
    margin-right: 6px;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f]
    h2[data-v-c2fe519f]
    .old[data-v-c2fe519f]
    .v[data-v-c2fe519f] {
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    color: #e5e6ee;
    margin-left: -6px;
    margin-right: 4px;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f]
    h2[data-v-c2fe519f]
    .old[data-v-c2fe519f]
    .b[data-v-c2fe519f] {
    width: 100%;
    height: 1px;
    background-color: #e5e6ee;
    transform: translateY(-12px) rotate(-10deg);
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] h2[data-v-c2fe519f] .dollar-price[data-v-c2fe519f] {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -3px;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f]
    h2[data-v-c2fe519f]
    .dollar-price[data-v-c2fe519f].hot[data-v-c2fe519f] {
    background: linear-gradient(90deg, #ffcf99, #ff725c);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f]
    h2[data-v-c2fe519f]
    .dollar-price[data-v-c2fe519f]
    span.dollar[data-v-c2fe519f] {
    font-size: 24px;
    font-weight: 500;
    line-height: 33.6px;
    margin-right: 2px;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f]
    h2[data-v-c2fe519f]
    .dollar-price[data-v-c2fe519f]
    span.price[data-v-c2fe519f] {
    font-family: MiSans VF;
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] h2[data-v-c2fe519f] span.unit[data-v-c2fe519f] {
    vertical-align: middle;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] p[data-v-c2fe519f] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #999bac;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] .benefits[data-v-c2fe519f] {
    text-align: left;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #3d5e6666;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] .benefits[data-v-c2fe519f] h4[data-v-c2fe519f] {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] .benefits[data-v-c2fe519f] p[data-v-c2fe519f] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #999bac;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] .benefits[data-v-c2fe519f] .explanations[data-v-c2fe519f] {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 2px;
    margin-right: -32px;
    color: #626366;
    z-index: 99999;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] ol[data-v-c2fe519f] {
    margin-top: 20px;
    margin-left: 0;
    text-align: left;
    padding-left: 0;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] ol[data-v-c2fe519f] li[data-v-c2fe519f] {
    list-style: none;
    padding-left: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #e5e6ee;
    margin-bottom: 6px;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f]
    ol[data-v-c2fe519f]
    li[data-v-c2fe519f]
    svg[data-v-c2fe519f] {
    vertical-align: middle;
    margin-right: 4px;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] .buy[data-v-c2fe519f] {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    margin-bottom: 6px;
    height: 92px;
    width: 100%;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f]
    .buy[data-v-c2fe519f][data-v-c2fe519f]:hover
    .rebuy-notice[data-v-c2fe519f] {
    opacity: 1;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] .buy[data-v-c2fe519f] button[data-v-c2fe519f] {
    width: 244px;
    height: 48px;
}

.memberships[data-v-c2fe519f] .membership[data-v-c2fe519f] .buy[data-v-c2fe519f] .rebuy-notice[data-v-c2fe519f] {
    opacity: 0;
    transition: opacity 0.3s;
    color: #c5c7d5;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding-bottom: 16px;
}

.memberships[data-v-c2fe519f]
    .membership[data-v-c2fe519f]
    .buy[data-v-c2fe519f]
    .rebuy-notice[data-v-c2fe519f]
    svg[data-v-c2fe519f] {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-bottom: 2px;
}

body.lang-en .header-bg[data-v-c2fe519f] {
    margin-left: -54px;
}

.header-bg[data-v-c2fe519f] {
    pointer-events: none;
    width: 1306px;
    height: 500px;
    background-position: right top;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -24px;
    margin-top: -20px;
    border-radius: 10px;
}

.header-bg[data-v-c2fe519f].hot[data-v-c2fe519f] {
    background-size: 90%;
    background-position: right top;
}

body.lang-en .count-down[data-v-c2fe519f] {
    margin-left: 914px;
    margin-top: 127.5px;
}

body.lang-en .count-down[data-v-c2fe519f] .n[data-v-c2fe519f]:first-child {
    width: 30px;
}

body.lang-en .count-down[data-v-c2fe519f] .l.day[data-v-c2fe519f] {
    width: 42px;
    font-size: 14px;
    font-weight: 400;
}

body.lang-en .count-down.membership[data-v-c2fe519f] {
    margin-left: 944px;
}

.count-down[data-v-c2fe519f] {
    color: #fff;
    position: absolute;
    margin-left: 890px;
    margin-top: 132px;
    height: 38px;
    line-height: 38px;
    font-size: 0;
}

.count-down[data-v-c2fe519f] .n[data-v-c2fe519f] {
    display: inline-block;
    font-family: MiSans VF;
    font-size: 20px;
    font-weight: 630;
    line-height: 26.52px;
    text-align: center;
    vertical-align: middle;
    width: 32px;
    border-radius: 4px;
    background: linear-gradient(180deg, #ffcf9966, #ff725c66);
}

.count-down[data-v-c2fe519f] .l[data-v-c2fe519f] {
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    line-height: 34px;
    vertical-align: middle;
    text-align: center;
    width: 12px;
}

.count-down[data-v-c2fe519f] .l[data-v-c2fe519f].day[data-v-c2fe519f] {
    width: 25px;
}

.benefits h4 i {
    font-size: 16px;
    font-weight: 520;
    line-height: 21.22px;
    font-style: normal;
    color: #72e528;
}

.el-dialog.common-dialog.membership-dialog-hot {
    background-image: linear-gradient(252.37deg, #090502 0.55%, #090502 90.08%),
        linear-gradient(68.56deg, #483d34 29.44%, #a38348 101.21%) !important;
    border-color: transparent !important;
}

.payment-policy-div {
    margin-top: 24px;
    font-size: 14px;
    line-height: 24px;
    color: #999bac;
    text-align: center;
}

.payment-policy-div a {
    text-decoration: none;
    color: var(--theme-color-primary) !important;
}

.el-popper.is-dark.tip.membership-explanations-tip {
    padding: 20px 24px !important;
    text-align: left;
}

.el-popper.is-dark.tip.membership-explanations-tip h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 12px;
    border-bottom: solid 1px #3d5e6666;
}

.el-popper.is-dark.tip.membership-explanations-tip h4 i {
    color: var(--theme-color-primary);
    font-style: normal;
}

.el-popper.is-dark.tip.membership-explanations-tip p {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
}

.bottom-policy {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

.bottom-policy a {
    color: #82fac2 !important;
    text-decoration: none;
    margin: 0 !important;
}

.redeem {
    float: right;
    margin-top: 29px;
}

.redeem.hot {
    margin-right: 500px;
}

.redeem-text {
    background: linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.lang-en .membership-special-offer,
body.lang-en .membership-special-offer .content {
    width: 145px;
}

body.lang-en .membership-special-offer .content i {
    margin: 0;
}

.membership-special-offer {
    position: absolute;
    width: 124px;
    height: 40px;
    right: -9px;
    top: -16px;
    vertical-align: middle;
    color: #fff;
}

.membership-special-offer img {
    width: 100%;
    height: 40px;
}

.membership-special-offer .content {
    padding-top: 2px;
    position: absolute;
    width: 124px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}

.membership-special-offer .content i {
    font-size: 24px;
    font-weight: 520;
    line-height: 26px;
    letter-spacing: 0.02em;
    font-style: normal;
    margin-left: 2px;
    margin-right: 2px;
}

ol.non-subs-durations {
    margin: 0;
    padding: 0;
    list-style: none;
}

ol.non-subs-durations li {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    cursor: pointer;
}

ol.non-subs-durations li:hover {
    background-color: #2e363d;
}

ol.non-subs-durations li.active span {
    background: linear-gradient(89.38deg, #a8ff1a 0.12%, #60edff 106.24%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.el-popper.el-popover.non-subs-durations-container {
    margin: 0;
    padding: 8px 0 !important;
    background-color: #21272e !important;
}

.membership-dialog-colorful-p i {
    font-style: normal;
    color: #fff;
}

.membership-dialog-colorful-p b {
    background: linear-gradient(135deg, #52ffba 9.27%, #23faec 46.96%, #0af 88.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

main {
    padding-top: 0;
    margin: 0;
    z-index: -1;
    background-color: transparent;
    height: 100%;
    min-width: var(--body-min-width);
    overflow-y: auto;
    background-color: var(--main-background);
}

main::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

body.mobile main {
    min-width: unset;
}

:root {
    --color-text: #e0e0e0;
    --top-navigation-height: 68px;
    --left-navigation-width: 260px;
    --main-background: #0d1116;
    --theme-color-primary: #72e528;
    --theme-color-hover: #9ffd38;
    --el-text-color-regular: #ffffff;
    --el-color-primary: #72e528;
    --el-border-color-extra-light: var(--color-hover-background);
}

*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    font-weight: 400;
    text-size-adjust: 100%;
    font-family: PingFang SC, arial, tahoma, Hiragino Sans GB, Microsoft YaHei, sans-serif;
}

*::selection {
    background: #557172;
    color: #fff;
}

*::-moz-selection {
    background: #557172;
    color: #fff;
}

*::-webkit-selection {
    background: #557172;
    color: #fff;
}

*:focus {
    outline: none;
}

input {
    border: solid 1px transparent;
    font-size: 14px;
}

input:focus {
    border: solid 1px #445b5c !important;
}

body {
    --body-min-width: 1440px;
    min-height: 100vh;
    color: var(--color-text);
    background: var(--main-background);
    line-height: 1.6;
    font-family: PingFang SC, arial, tahoma, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    font-size: 15px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100vh;
    overflow-x: auto;
    overflow-y: hidden;
}

body.mobile {
    --body-min-width: unset;
}

body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #777;
}

span,
div {
    -webkit-user-select: none;
    user-select: none;
}

.el-slider__button {
    width: 14px;
    height: 14px;
    border: none;
    background: var(--theme-color-primary);
    margin-top: -2px;
}

.el-slider__stop {
    background-color: #333a45;
    width: 8px;
    height: 8px;
    border: 1px solid #333a45;
    margin-top: -2px;
}

.el-slider__stop.el-slider__marks-stop {
    background: var(--theme-color-primary);
    border: 1px solid var(--theme-color-primary);
    margin-top: -2px;
}

.el-slider__runway {
    background: #333a45;
    height: 4px;
}

.el-slider.el-slider--with-input .el-input-number {
    width: 110px !important;
}

.el-slider.el-slider--with-input .el-input-number span {
    background: transparent !important;
    color: #999bac !important;
    border-color: #2d3e3f !important;
}

.el-slider.el-slider--with-input .el-input-number span:active {
    color: #1be5ec !important;
}

.el-slider.el-slider--with-input .el-input-number .el-input .el-input__wrapper {
    border-radius: 8px !important;
    box-shadow: #2d3e3f 0 0 0 1px inset;
    background: transparent !important;
}

.el-slider.el-slider--with-input .el-input-number .el-input .el-input__wrapper.is-focus {
    box-shadow: #1be5ec 0 0 0 1px inset;
}

.el-slider.el-slider--with-input .el-input-number .el-input .el-input__wrapper input {
    color: #fff;
    border-color: #2d3e3f !important;
    box-shadow: none !important;
}

.el-slider__bar {
    height: 4px;
    background: var(--theme-color-primary);
}

.fixed-tooltip {
    font-weight: 700;
    font-style: italic;
}

.colorful-selectable-container .item {
    transition: all 0.2s;
    border: 1px solid #222429;
    background: #0d1116;
    cursor: pointer;
}

.colorful-selectable-container .item.active {
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #1d2924, #1d2924), linear-gradient(86.68deg, #72e528, #1be5ec);
}

.colorful-selectable-container .item:hover {
    background-color: #16181a;
}

#app {
    min-width: var(--body-min-width);
    height: 100%;
    overflow: hidden;
}

.el-overlay {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background: #000c !important;
    z-index: 999;
}

.el-dialog {
    border-radius: 12px !important;
    border: 1px solid !important;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    background-image: linear-gradient(252.37deg, #1b262b 0.55%, #171b21, #191d23 90.08%),
        linear-gradient(68.56deg, #1e2930 29.44%, #1d1d1d 59.6%, #262a2f 82.91%, #2e4141 101.21%) !important;
    border-color: #1e3139 !important;
    padding: 24px !important;
    border: 1px solid;
}

body.mobile .el-dialog {
    margin-left: 16px;
    margin-right: 16px;
}

.el-dialog .el-dialog__title {
    color: #f2f3f8;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

.el-dialog .el-dialog__close {
    color: #fff !important;
    margin-top: 8px;
    margin-right: 8px;
    font-size: 48px !important;
}

.el-popper {
    background-color: #242b35 !important;
    box-shadow: #0008 0 0 12px !important;
    border: none !important;
    padding: 8px 16px !important;
}

button {
    border: none;
    border-radius: 8px;
    background: transparent;
    padding: 0 24px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

button.active {
    font-weight: 600;
    background: #242b35;
}

button.normal {
    border: none;
    color: #fff;
    border-radius: 50px;
    background: #0b0c1a;
    padding-left: 2em;
    padding-right: 2em;
    margin-right: 1em;
}

button.normal:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

button.normal:disabled:hover {
    background: #0b0c1a;
}

button.normal:disabled:active {
    filter: none;
}

button svg {
    vertical-align: middle;
    margin-right: 6px;
    width: 20px;
    margin-bottom: 2px;
}

button.normal:hover {
    background: #1c2025;
}

button.normal:active {
    background: #2a2f34;
    filter: brightness(1.1);
}

button.normal.active {
    color: var(--theme-color-hover);
}

button.primary {
    border: none;
    color: #0b0c1a;
    font-weight: 500;
    border-radius: 50px;
    background: linear-gradient(89.86deg, #a7ff1a, #82fac2, #47d4ff);
    padding-left: 2em;
    padding-right: 2em;
}

button.primary:hover {
    background: linear-gradient(89.86deg, #81d100, #56d69a, #1aaad6) !important;
}

button.primary:disabled:hover {
    background: #333a45 !important;
}

button.primary:active {
    filter: brightness(1.1);
}

button.primary:disabled {
    background: #333a45;
    color: #727485;
    cursor: not-allowed;
}

button.primary:disabled:hover {
    background: #333a45 !important;
    color: #727485;
    cursor: not-allowed;
}

.y-scollable-without-bar {
    overflow-y: auto;
}

.y-scollable-without-bar::-webkit-scrollbar {
    width: 0px;
}

.theme-image {
    --theme-color-primary: #72e528;
    --theme-color-hover: #9ffd38;
}

.theme-video {
    --theme-color-primary: #1be5ec;
    --theme-color-hover: #6bf0dc;
}

.clickable a {
    color: #fff;
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer;
    transition: color 0.2s;
}

.clickable a:hover,
.clickable a.active {
    color: var(--theme-color-hover);
}

.clickable a:active {
    filter: brightness(0.9);
}

.clickable a svg {
    vertical-align: middle;
}

.clickable a span {
    vertical-align: middle;
}

.clickable a svg + span {
    margin-left: 4px;
}

button.row-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    padding: 0;
    cursor: pointer;
}

.menu-popper {
    padding: 4px 0 !important;
    border-radius: 8px;
    box-shadow: none;
    border: solid 1px #1e3139 !important;
    transition: none;
    margin-left: 18px;
    margin-right: 0;
}

.menu-popper li {
    color: #eee;
    padding-right: 3em !important;
    border-radius: 5px;
    margin: 2px 0 2px -12px;
    padding-left: 30px !important;
    padding-right: 16px;
}

.menu-popper li:hover {
    color: #fff !important;
    background-color: #272d33 !important;
    border-radius: 0 !important;
}

.el-dropdown-menu__item span {
    font-size: 16px;
    line-height: 24px;
    padding: 4px;
}

.el-dropdown-menu__item--divided {
    border-top-color: #242b35;
}

.menu-popper li.el-dropdown-menu__item.is-disabled {
    color: #aaa !important;
}

.menu-popper li.el-dropdown-menu__item.is-disabled:hover {
    background-color: transparent !important;
    color: #aaa !important;
}

.menu-popper .el-popper__arrow {
    display: none !important;
}

.el-popper.el-dropdown__popper.menu-popper {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    background: linear-gradient(254.03deg, #1b2829bb -4.51%, #171b21bb 46.42%, #191d23bb 91.45%) !important;
}

.el-picker-panel.el-date-range-picker,
.el-picker-panel__body {
    background-color: transparent;
}

.el-picker-panel__content.el-date-range-picker__content.is-left {
    border-right-color: #5a5e66;
}

.el-picker-panel__content.el-date-range-picker__content th {
    border-bottom-color: #5a5e66;
}

.el-date-editor .el-range-separator {
    color: #fff !important;
}

.el-date-editor input.el-range-input {
    border-color: transparent !important;
    color: #fff !important;
    width: 88px;
}

.colorful-tabs {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
}

.colorful-tabs span {
    cursor: pointer;
    font-weight: 500;
    margin-right: 32px;
}

.colorful-tabs span:hover {
    color: #fff;
}

.colorful-tabs span.active {
    background: linear-gradient(135deg, #52ffba 9.27%, #23faec 46.96%, #0af 88.5%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.colorful-tabs .bar {
    transition: all 0.4s;
    margin-top: 4px;
    background: linear-gradient(135deg, #52ffba 9.27%, #23faec 46.96%, #0af 88.5%);
    width: 80px;
    height: 2px;
}

.el-popper {
    color: #c5c7d5 !important;
    border-radius: 8px !important;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    box-shadow: none !important;
    background: #2b3440 !important;
}

.el-popper.like-popover {
    background: linear-gradient(251.63deg, #1b2829 -5.05%, #171b21 45.55%, #191d23 90.29%) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

.el-popper.tip {
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #fff !important;
    line-height: 24px !important;
    max-width: 460px;
}

.el-popper .el-popper__arrow:before {
    background: #2b3440 !important;
    border: none !important;
    outline: none !important;
    z-index: -1 !important;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.rotating {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}

.el-message {
    padding: 12px 24px 12px 20px;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    background: #3b3c4d;
    border: none;
}

.el-message i {
    width: 24px !important;
    height: 24px !important;
    vertical-align: middle;
    margin-bottom: 2px;
}

.el-message i svg {
    width: 24px !important;
    height: 24px !important;
}

.el-message p {
    color: #fff !important;
    line-height: 20px;
    vertical-align: middle;
}

.el-message.el-message--success {
    color: #fff;
}

.animation-button svg {
    animation-name: var(--animation-button-name);
    animation-duration: 0s;
}

.animation-button:active svg {
    animation: none;
}

.animation-button.animation-available svg {
    animation-duration: 1s;
}

.membership-none {
    background: linear-gradient(90deg, #fff, #fff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.membership-vip {
    background: linear-gradient(90deg, #fff8cc, #ffc670);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.membership-svip {
    background: linear-gradient(90deg, #ebfcff, #70bcff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.membership-ssvip {
    background: linear-gradient(90deg, #e0e9ff, #c3adff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.membership-none-hot {
    background: linear-gradient(90deg, #fff, #fff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.membership-vip-hot {
    background: linear-gradient(90deg, #fff7c2, #ffb35c);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.membership-svip-hot {
    background: linear-gradient(90deg, #d6e7ff, #a585ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.membership-ssvip-hot {
    background: linear-gradient(90deg, #ffe4d6, #ffbdca 64%, #ff859d);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

div.ebank {
    z-index: 100000 !important;
    color: #fff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

div.ebank .ebank-content {
    border-radius: 12px !important;
    border: 1px solid !important;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    background-image: linear-gradient(252.37deg, #1b262b 0.55%, #171b21, #191d23 90.08%),
        linear-gradient(68.56deg, #1e2930 29.44%, #1d1d1d 59.6%, #262a2f 82.91%, #2e4141 101.21%) !important;
    border-color: #1e3139 !important;
    border: 1px solid;
}

div.ebank .ebank-content .ebank-title {
    background: transparent;
    color: #fff;
}

div.ebank .ebank-content dt {
    color: #999bac !important;
}

div.ebank .count-down {
    border-bottom-color: #3b3c4d;
}

div.ebank .ebank-content .qr-box img {
    background-color: #fff;
    margin-top: 32px;
    margin-bottom: 32px;
}

div.ebank .ebank-content .ebank-pay-info-qr .tips,
div.ebank .ebank-content .ebank-pay-info-qr .limit-time {
    color: #999bac !important;
}

.ai-web-select {
    width: 100%;
    vertical-align: bottom;
}

.ai-web-select .el-select__wrapper {
    background: #0002;
    border: 1px solid #2d3e3f;
    box-shadow: none;
    color: #fffc;
    border-radius: 8px;
}

.ai-web-select .el-select__wrapper.is-hovering {
    border-color: #1be5ec;
    outline: none;
    box-shadow: none;
}

.ai-web-select-popover {
    padding: 8px 0 !important;
    border-radius: 8px;
    color: #fff !important;
    background-color: #21272e !important;
}

.ai-web-select-popover .el-dropdown-menu__item {
    height: 40px;
    line-height: 40px;
    margin: -5px 0;
}

.ai-web-select-popover .el-dropdown-menu__item:hover {
    background-color: #2e363d !important;
    border-radius: 0 !important;
    color: #fff;
}

.ai-web-select-popover .el-select-dropdown__item.is-hovering {
    background-color: #2e363d !important;
    border-radius: 0 !important;
}

.ai-web-select-popover .el-select-dropdown__item.is-selected {
    color: #1be5ec;
}

.ai-web-select-popover .el-popper__arrow {
    display: none;
}

.ai-web-select-popover .el-select-dropdown__list {
    padding: 0;
}

.el-scrollbar__bar.is-vertical {
    width: 4px;
    right: 8px;
    top: 8px;
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
    animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }

    .animate__animated[class*="Out"] {
        opacity: 0;
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shakeX {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX;
}

@-webkit-keyframes shakeY {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

@keyframes shakeY {
    0%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translate(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translate(0);
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0);
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skew(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skew(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skew(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skew(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skew(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skew(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translate(-2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translate(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translate(-2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translate(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translate(2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translate(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translate(2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translate(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight;
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp;
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translate(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translate(-2000px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translate(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translate(-2000px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translate(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translate(2000px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translate(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translate(2000px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }

    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp;
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scaleZ(1);
    }
}

.animate__bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.animate__bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.animate__flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animate__flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skew(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skew(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skew(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skew(5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skew(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skew(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skew(5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skew(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skew(30deg);
        opacity: 0;
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skew(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skew(-30deg);
        opacity: 0;
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.c-dialog .el-dialog-body {
    padding: 50px 15px 30px 15px;
    text-align: center;
}

.c-dialog .el-dialog-body svg {
    background: #ffffff;
    width: 70px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: block;
    height: auto;
    margin: 10px auto;
    padding: 10px;
}

.c-dialog .el-dialog-body .el-dialog-heading {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.c-dialog .el-dialog-body .el-dialog-desc {
    font-size: 16px;
    margin-bottom: 20px;
}

.c-dialog .el-dialog-body .el-dialog-link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    background: linear-gradient(89.86deg, rgb(167, 255, 26), rgb(130, 250, 194), rgb(71, 212, 255));
    transition: 0.2s;
    min-width: 120px;
    display: inline-flex;
    border-radius: 30px;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 15px;
}

.price {
    display: none !important;
}

.bg[data-v-d7bd1cc7] {
    width: 1100px;
    margin-left: -24px;
    margin-top: -16px;
}

body.mobile .bg[data-v-d7bd1cc7] img[data-v-d7bd1cc7] {
    margin-left: -29vw;
    width: 150vw !important;
}

.progress[data-v-c6b0aed0] {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #191d21;
}

.progress .content[data-v-c6b0aed0] {
    background-color: #191d21dd;
    height: 100%;
    border-radius: 8px;
    font-size: 14px;
    color: #c5c7d5;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.progress .content .inner[data-v-c6b0aed0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.progress .content .inner div.bar[data-v-c6b0aed0] {
    width: 100%;
}

.progress .content .inner div.bar .el-progress[data-v-c6b0aed0] {
    width: 70%;
    left: 15%;
}

.progress .content .inner .percentage[data-v-c6b0aed0] {
    margin-top: 1.5em;
    color: var(--theme-color-primary);
}

.progress .content .inner .tip1[data-v-c6b0aed0] {
    margin-top: 2em;
}

.progress .content .inner img[data-v-c6b0aed0] {
    margin-top: 50px;
}

.progress .content .inner .reason[data-v-c6b0aed0] {
    margin-top: 2em;
    color: #4b4b5a;
}

.progress .content .inner span.text a[data-v-c6b0aed0] {
    color: var(--theme-color-primary);
}

.progress .content .inner span.text a[data-v-c6b0aed0]:hover {
    filter: brightness(1.05);
}

.progress .content .inner span.text a[data-v-c6b0aed0]:active {
    filter: brightness(0.9);
}

[data-v-c6b0aed0] .el-progress-bar__inner {
    background-color: var(--theme-color-primary);
}

[data-v-c6b0aed0] .el-progress-bar__outer {
    background-color: #3b3c4d !important;
}

[data-v-c6b0aed0] .el-progress__text span {
    color: var(--theme-color-primary);
}
.inner:has(.bar) {
    padding: 10px;
    padding-top: 160px !important;
}

.inner .bar {
    margin-bottom: 15px;
}

.inner .tip1,
.inner .tip2 {
    font-size: 13px;
}
.skits[data-v-266ec90b] {
    margin-left: 20px;
    margin-right: 32px;
}
.skit-list[data-v-73e3ac24] {
    font-size: 0px;
    margin-right: -16px;
    margin-bottom: -16px;
}

body.mobile .movie-card {
    width: calc(-40px + 100vw);
}

.movie-card {
    position: relative;
    cursor: pointer;
    border-radius: 12px;
    display: inline-block;
    height: 204px;
    width: calc(25% - 16.025px);
    background-color: rgb(17, 17, 17);
    background-size: cover;
    margin-right: 16px;
    margin-bottom: 16px;
    overflow: hidden;
}

.movie-card .back {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.movie-card .back img,
.movie-card .back video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.movie-card:hover .info h4,
.movie-card:hover .info p {
    opacity: 1;
}

.movie-card .info {
    position: absolute;
    z-index: 2;
    margin-top: 90px;
    width: 100%;
    padding: 18px;
    color: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgba(15, 19, 25, 0.8), rgba(14, 14, 14, 0) 94.05%);
}

.movie-card .info h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    margin: 0px 0px 2px;
    opacity: 0;
    transition: opacity 0.2s;
}

.movie-card .info p {
    opacity: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0px 0px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: opacity 0.2s;
}

.movie-card .info .detail {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.movie-card .info .detail .user {
    display: flex;
    align-items: center;
}

.movie-card .info .detail .user .avatar {
    pointer-events: all;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    margin-right: 4px;
}

.movie-card .info .detail .user .username {
    pointer-events: all;
    display: inline-block;
}

.movie-card .info .detail .user .username .e {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.movie-card .info .detail .right {
    float: right;
    font-size: 14px;
    height: 24px;
    display: flex;
    align-items: center;
}

.movie-card .info .detail .right .heart {
    font-size: 0px;
}

.movie-card .info .detail .right .sep {
    border-left: 1px solid rgb(189, 189, 189);
    margin-left: 16px;
    margin-right: 16px;
    height: 12px;
}

.skit-list[data-v-73e3ac24] {
    font-size: 0px;
    margin-right: -16px;
    margin-bottom: -16px;
}

.empty[data-v-73e3ac24] {
    text-align: center;
}

.mask[data-v-867451f0] {
    position: absolute;
    height: 127px;
    width: 300px;
    margin-top: -127px;
}

body.mobile .card[data-v-867451f0] {
    width: calc(100% - 20px);
    margin-bottom: 16px;
    margin-right: 0px;
}

body.mobile .card[data-v-867451f0].disabled[data-v-867451f0] {
    display: none;
}

.card[data-v-867451f0] {
    cursor: pointer;
    height: 127px;
    width: calc(33.3333% - 26.6667px);
    border-radius: 12px;
    border: 1px solid rgba(27, 229, 236, 0.12);
    background: linear-gradient(
        135deg,
        rgba(82, 255, 186, 0.04) 9.27%,
        rgba(35, 250, 236, 0.04) 46.96%,
        rgba(0, 170, 255, 0.04) 88.5%
    );
    backdrop-filter: blur(5px);
    color: rgb(229, 230, 238);
    font-size: 14px;
    line-height: 24px;
    padding-top: 32px;
    padding-left: 32px;
    display: inline-block;
    margin-right: 24px;
}

.card[data-v-867451f0].disabled[data-v-867451f0] {
    cursor: auto;
    color: rgb(153, 155, 172);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.card[data-v-867451f0].disabled[data-v-867451f0] h2[data-v-867451f0] span[data-v-867451f0] {
    background: border-box transparent;
    color: rgb(242, 243, 248);
    -webkit-text-fill-color: rgb(242, 243, 248);
}

.card[data-v-867451f0] h2[data-v-867451f0] {
    margin-bottom: 12px;
}

.card[data-v-867451f0] h2[data-v-867451f0] span[data-v-867451f0] {
    background: linear-gradient(89.38deg, rgb(35, 250, 193) 0.12%, rgb(96, 202, 255) 106.24%) text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
}

.card[data-v-867451f0] p span[data-v-867451f0] {
    color: rgb(141, 142, 153);
}

.card[data-v-867451f0] p span[data-v-867451f0].pipe[data-v-867451f0] {
    margin-left: 4px;
    margin-right: 6px;
}

.card[data-v-867451f0] p span[data-v-867451f0] sup[data-v-867451f0] {
    position: absolute;
    margin-top: -4px;
    margin-left: 3px;
}

.card[data-v-867451f0] .round-btn[data-v-867451f0] {
    pointer-events: none;
    float: right;
    margin-top: 12px;
    margin-right: 24px;
}

.card[data-v-867451f0][data-v-867451f0]:hover .round-btn[data-v-867451f0] {
    border-color: rgb(255, 255, 255);
}
.skits {
    margin-left: 20px;
    margin-right: 32px;
}
.section-title[data-v-266ec90b] {
    margin-left: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 32px;
    margin-bottom: 16px;
    color: rgb(255, 255, 255);
}
.generic-button[data-v-6698d321] {
    --generic-button-content-height: calc(var(--generic-button-font-size) + 10px);
    width: var(--generic-button-width);
    height: var(--generic-button-height);
    line-height: var(--generic-button-content-height);
    font-size: var(--generic-button-font-size);
    border-radius: 1000px;
    cursor: pointer;
    padding: 6px 16px;
    margin: 0px;
}
.generic-button div.content[data-v-6698d321] {
    font-size: 0px;
    height: var(--generic-button-content-height);
    padding: 0px;
}
.generic-button div.content svg[data-v-6698d321] {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
}

.generic-button div.content div.inner[data-v-6698d321] {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--generic-button-font-size);
    font-weight: 500;
}

.generic-button div.content svg + div.inner[data-v-6698d321] {
    margin-left: 6px;
}


body.mobile .container .resource[data-v-442b0d1c] {
    width: 100vw;
    height: 100vw;
    min-width: unset;
    min-height: unset;
    margin: 80px 0 16px
}

body.mobile .container .info[data-v-442b0d1c] {
    margin-top: calc(100vw - 20px)
}

body.mobile .container .info .title-bar[data-v-442b0d1c] {
    position: absolute;
    top: 24px
}

body.mobile .container .info .content[data-v-442b0d1c] {
    height: auto;
    min-height: unset
}

body.mobile .container .info .content .scrollable[data-v-442b0d1c] {
    padding: 0;
    margin: 0;
    height: auto;
    max-height: fit-content;
    min-height: 0;
    overflow: visible
}

body.mobile .container .info .bottom-bar[data-v-442b0d1c] {
    margin-top: 8px;
    margin-bottom: 0
}

.container[data-v-442b0d1c] {
    border: 1px solid;
    border-image-source: linear-gradient(69.46deg,#222429 12.13%,#1d1d1d 49.54%,#4f6d6e 101.17%)
}

.container .resource[data-v-442b0d1c] {
    height: 70vh;
    width: 70vh;
    min-height: 620px;
    min-width: 620px;
    background: #1c262b;
    margin-right: 32px;
    float: left
}

.container .resource .media[data-v-442b0d1c] {
    width: 100%;
    height: 100%
}

.container .info[data-v-442b0d1c] {
    padding: 32px
}

.container .info .content[data-v-442b0d1c] {
    height: calc(70vh - 64px);
    min-height: 556px
}

.container .info .title-bar[data-v-442b0d1c] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    margin-bottom: 24px
}

.container .info .title-bar .title[data-v-442b0d1c] {
    font-family: PingFang SC;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px
}

.container .info .title-bar .tag[data-v-442b0d1c] {
    padding: 2px 8px;
    color: #62a07b;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border-radius: 6px;
    border: 1px solid #405341
}

.container .info .title-bar .tag.publish[data-v-442b0d1c] {
    background: linear-gradient(135deg,#52ffba1f 9.27%,#23faec1f 46.96%,#00aaff1f 88.5%)
}

.container .info .title-bar .tag.publish i[data-v-442b0d1c] {
    font-style: normal;
    background: linear-gradient(135deg,#52ffba 9.27%,#23faec 46.96%,#0af 88.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.container .info .user[data-v-442b0d1c] {
    margin-bottom: 24px
}

.container .info .user img[data-v-442b0d1c] {
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 56px;
    margin-right: 16px
}

.container .info .user h4[data-v-442b0d1c] {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 4px;
    margin-bottom: 4px
}

.container .info .user div.publish-time[data-v-442b0d1c] {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #999bac
}

.container .info .scrollable[data-v-442b0d1c] {
    height: calc(100% - 108px);
    overflow-y: auto;
    overflow-x: hidden
}

.container .info .bottom-bar[data-v-442b0d1c] {
    margin-top: -32px;
    height: 32px
}

.container .info .bottom-bar button[data-v-442b0d1c] {
    border: solid 1px #3b3c4d;
    background-color: transparent;
    border-radius: 10em
}

.container .info .bottom-bar button[data-v-442b0d1c]:hover {
    background-color: #1c262b
}

.container .info .bottom-bar button svg[data-v-442b0d1c] {
    margin: -3px 0 0
}

.container .info .bottom-bar .button[data-v-442b0d1c] {
    border: solid 1px #3b3c4d!important;
    background-color: transparent!important
}

.arrow-container[data-v-442b0d1c] {
    position: absolute;
    width: 100px;
    height: 32px;
    margin-left: -100px;
    height: calc(100vh - 280px);
    min-height: 620px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.arrow-container.right[data-v-442b0d1c] {
    text-align: right;
    top: 0;
    right: 0;
    width: 0
}

.arrow-button[data-v-442b0d1c] {
    display: inline-block;
    vertical-align: middle;
    width: 54px;
    height: 54px;
    background-color: #191d21;
    border-radius: 10em;
    border: solid 1px #3b3c4d;
    padding: 16px;
    color: #e5e6ee;
    cursor: pointer
}

.arrow-button.right[data-v-442b0d1c] {
    margin-left: 48px
}

.arrow-button.right svg[data-v-442b0d1c] {
    transform: rotate(180deg)
}

.arrow-button[data-v-442b0d1c]:hover {
    background-color: #272a2e;
    border-color: #4e4f66;
    color: #fff
}

.arrow-button[data-v-442b0d1c]:active {
    filter: brightness(.9)
}

.arrow-button.disabled[data-v-442b0d1c] {
    background-color: #191d21!important;
    border-color: #212334!important;
    color: #3b3c4d!important
}

.arrow-button.disabled[data-v-442b0d1c]:active {
    filter: none
}

.scrollable-content[data-v-442b0d1c] {
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 8px;
    max-height: calc(100% - 178px);
    border: 1px dashed #3b3c4d
}

.scrollable-content.no-border[data-v-442b0d1c] {
    max-height: calc(100% - 102px);
    border-radius: 0!important;
    border: none!important
}

.scrollable-content.no-border .detail-content[data-v-442b0d1c] {
    padding: 0 8px 0 0
}

.scrollable-content .detail-content[data-v-442b0d1c] {
    padding: 16px
}

.scrollable-content[data-v-442b0d1c]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent
}

.scrollable-content[data-v-442b0d1c]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: transparent
}

.scrollable-content[data-v-442b0d1c]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555
}

.scrollable-content[data-v-442b0d1c]::-webkit-scrollbar-thumb:hover {
    background-color: #777
}